jquery实现的下雪特效。
效果体验:http://keleyi.com/a/bjac/e8t7hoj4.htm
以下是HTML文件代码:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>下雪了堆雪人去 下雪特效-柯乐义</title> 5 <style> 6 body{background:black;color:white;margin:0px} 7 </style> 8 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> 9 <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/5/snow.keleyi.js"></script> 10 </head> 11 <body> 12 <div style="width:754px;margin:0px auto;text-align:center"><h1> 柯乐义下雪特效 下雪了堆雪人去</h1> 13 <a href="http://keleyi.com/a/bjac/e8t7hoj4.htm">原文</a><br /> 14 <img src="http://keleyi.com/image/a/0ms3ypph.jpg" style="width:600px;height:800px" alt="柯乐义下雪特效"/> 15 16 </div> 17 <script type="text/javascript" > 18 $(function () { 19 $.fn.snow({ 20 minSize: 5, //雪花的最小尺寸 21 maxSize: 50, //雪花的最大尺寸 22 newOn: 300 //雪花出现的频率 这个数值越小雪花越多 23 }); 24 }); 25 </script> 26 </body> 27 </html>
也可以点击这里查看效果:http://keleyi.com/keleyi/phtml/jqtexiao/5.htm