jQuery canvas实现圣诞下雪效果

查看演示立即下载

插件描述：canvas实现圣诞下雪效果,这个下雪效果有点炫.

使用：

第一步：先在html页面引入相应的JS文件，并调用方法

<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(){
//闪光
   $("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>

第二步：html代码结构

<canvas width="100%" height="100%" class="flare"></canvas>
<canvas width="100%" height="100%" class="snow"></canvas>
<canvas width="100%" height="100%" class="flake"></canvas>
<div style="text-align:center;"></div>

完成！

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery随机显示表格选项卡插件Champagne.js
下一个特效：炫酷的html5注册登录