首页 > segmentfault 上下雪和擦窗子的效果是怎么实现的?

segmentfault 上下雪和擦窗子的效果是怎么实现的?

今天在seg上面看问题,发现seg有雪花效果哎~~~

今天在seg上面搜索关于composer的问题,然后就去操作了,隔了一下回来看seg的页面出现了雪花的效果,还能用鼠标进行擦窗子啊~~

请问这些效果是怎么实现的呢?哪里有这个效果的代码呢?


下雪的效果是把jquery-snowfall修改了一下,不再使用图片。
如果需要,在你的页面的body最后添加下面的代码,就可以飘飘飘了。

<script src="http://static..com/build/3rd/snowfall.min.js"></script>

https的网站可以手动下载js文件 ,放在你的服务器上。


雪花是用div生成,然后有几种速度,再加上绝对定位实现。擦除是canvas实现的,类似刮刮乐


现在又没有了 下午的时候有 你当时可以把这个效果挖下来


有触发关键词的,访问 http://.com/#snow 或者在控制台运行函数 MerryChristmas() 都会有惊喜的。

雪花的是用的 https://github.com/loktar00/JQuery-Snowfall 这个插件,区别是雪花 SF 用了 unicode 字符 ,擦除就是用的 canvas。

【热门文章】
【热门文章】