订阅DW制作动态雪花背景代码模板
来源：网络收集 点击： 时间：2024-02-16打开Adobe Dreamweaver cs5新建一个空白网页。切换到代码页面
2/6在head后面插入代码：
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleHTML5 Canvas实现动态下雪效果/title
link href=css/style.css rel=stylesheet type=text/css
script type=text/javascript src=js/jquery-1.7.2.min.js/script
script type=text/javascript src=js/jquery.let_it_snow.js/script
script type=text/javascript
$(document).ready(function(){
3/6继续在/head前面插入代码：
$(canvas.flare).let_it_snow({
windPower: 0,
speed: 0,
color: #392F52,
size:120,
opacity: 0.00000001,
count: 40,
interaction: false
});
$(canvas.snow).let_it_snow({
windPower: 3,
speed: 1,
count: 250,
size: 0
});
$(canvas.flake).let_it_snow({
windPower: -3,
speed: 1,
count: 20,
size: 10,
image: images/white-snowflake.png
});
});
/script
4/6最后在bodybody插入：
canvas width=100% height=100% class=flare/canvas
canvas width=100% height=100% class=snow/canvas
canvas width=100% height=100% class=flake/canvas
5/6预览效果
6/6需要修改背景的方法：修改背景图的方法：顶部导航的修改—页面属性—外观css—背景图像—浏览。即可修改背景图。
制作CSSDREAMWEAVER雪花代码雪花背景 版权声明：
1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。
2、本站仅提供信息发布平台，不承担相关法律责任。
3、若侵犯您的版权或隐私，请联系本站管理员删除。
4、文章链接：http://www.1haoku.cn/art_55627.html
