网站雪花效果

明天就是新的一年了,今年网上腾讯给的代金券很给力,算是2017年的一个惊喜。给自己博客加上雪花效果,祝2018年万事如意

代码是用的Html5/canvas实现的
使用方法:

<script src="snow.js"></script> //放在网站头部或尾部都可以
<div class="Snow" style="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100001;"></div>

PS:

  • snow.js最好放在自己服务上调用,我的cdn指不定什么时候会挂掉…
  • snow.js中的雪花是一张png图片,如需放在自己服务器上请手动替换js中的snow.png图片地址为自己的地址即可。
  • snow.js要在jquery之后加载哦~

js下载  https://www.yoqu.win/snow.js

雪花下载 https://www.yoqu.win/snow.png

我是把js和图片都房子根目录,你也可以放在你需要的目录,记得更改js文件最后图片的路径就可以了。

点赞

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

4 + 20 =