Typecho飘雪插件 (2016.1.5更新)
2015年的圣诞节就要来临~
看到各个博友们站点都加了飘雪效果,爱折腾的我也弄了几个~
觉得好东西要分享,故我做了个Typecho插件,因为不知道取名叫什么,就只好取名Snow了。
废话不多说了~~
下面是预览(Snow)
插件设置页面:
效果:
设置说明(Snow)
1.jQuery
插件需要jQuery支持,"手动加载"需要你手动加载jQuery到主题里,若选择"自动加载",插件会自动加载jQuery到主题里。
2.雪花速度
建议1~10,数值越大雪花速度越快。注意:太大的数值使得雪花速度太快将无法看到雪花,建议不超过1000,测试最大速度为2800。
3.重力加速度
雪花下降的重力加速度,建议数值在0.5以下。默认为 0。
4.雪花数量
当前屏幕中显示的雪花数量,数值越大雪花数量越多。注意:建议不要太多,以免影响访问速度和增加内存消耗。默认为500。
5.雪花方向
雪花飘动方向,填写数值,正值从左向右飘,加“-”号从右向左飘。注意:默认为 0,即向向下飘动。数值越大,速度越快。
6.雪花正面朝向
雪花飘动方向为正面朝向,填写数值,正值从屏幕内朝向屏幕飘,加“-”号反之。注意:默认为 0,数值越大,速度越快。
7.雪花X轴旋转
雪花X轴旋转注意:默认为 45。
8.雪花Y轴旋转
雪花Y轴旋转注意:默认为 360。
9.雪花风格
圆形3D风格
不规则3D风格
雪花风格注意:默认为 圆形3D风格.
更新&修复LOG
15.12.21:(Snow)1.0.0
初始版本。
添加详细设置(速度、数量、加速度等)
15.12.27:(Snow)1.1.0
修复BUG,解决方案来自Journey.ad。
16.1.5:(Snow)1.2.0
更多功能、更多设置。
15.12.25:(Snow3)
初始版本。
兼容性
Chrome/IE/Firefox/Opera/Safari 浏览器最新版完美适配。
Edge未知!!
更低版本未测试。。。
修改方法
Snow3:
打开Snow3.js,从第四行开始:
function snowFall(snow) {
snow = snow || {};
this.Snow3num = 80; //雪花数量
this.Snow3Size = 10; //雪花大小
this.Snow3Speed = 1; //雪花速度
}
下载
下载地址(Snow):
下载地址(Snow3):
欢迎大家下载测试使用反馈!
可提供快递内网,支持官网物流单号、快递单号www.dydanhw.com
做了个 WordPress 版的 https://github.com/0xJacky/Snow3
点进一个内容雪花没效果了,需要刷新一下才有下雪。
博主请问你是如何做到让主题的图片和必应主页更新的图片一致的
呃呃,PHP抓取必应的图
国内服务器速度就是要快好多啊
http://onevcat.com/ 和这个很像啊
主题??
感谢博主的插件[太开心]
把onDocumentTouchStart和onDocumentTouchMove这两个函数和对应的监听事件删了就好了
好的,我一直在研究修复的办法,不过直接删掉我到没试过呢!
底部没积雪,不完美
刚才多说好像炸了…
ie11/edge 完美支持 :)
!!!!!!
win mobile上的edge很正常 :neutral:
但是手机上不能滑动是硬伤!
我点了下 下载然后没下载成功网站就死了0.0[可怜]
测试中,所以~·
然后你博客我也打不开呀
刚刚停止下载.....