Carry's Carry's

Typehco实现下雪效果的两种方法

in Code read (1900) 文章转载请注明来源!

方法一:

jQuery+Html5/canvas实现,代码比较简洁,分享一下

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://itbyc.com/templets/yang/js/snow.js"></script>
<style type="text/css">.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;}</style>
<div class="snow-container"></div>

使用的时候大家把放到<body>后面就可以了

方法二:

Snow - 3D效果的飘雪插件

下载地址:Min's

效果如下:

本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:http://carryzhou.com/index.php/archives/4/ (转载时请注明本文出处及文章链接)

代码
最后由Carry修改于2017-08-02 18:08
雷姆
拉姆