Typecho飘雪插件 (2016.1.5更新)

2015年的圣诞节就要来临~
看到各个博友们站点都加了飘雪效果,爱折腾的我也弄了几个~
觉得好东西要分享,故我做了个Typecho插件,因为不知道取名叫什么,就只好取名Snow了。
废话不多说了~~


下面是预览(Snow)

插件设置页面:
Snow.png
效果:
snowxg.png


设置说明(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):

Snow.zip (25.8 KB, 下载次数: 509, 最后修改: 2016-01-05 15:31)

下载地址(Snow3):

Snow3.zip (2.2 KB, 下载次数: 284, 最后修改: 2015-12-25 15:54)

欢迎大家下载测试使用反馈!

添加新评论

暂无评论

  1. 做了个 WordPress 版的 https://github.com/0xJacky/Snow3

  2. 点进一个内容雪花没效果了,需要刷新一下才有下雪。

  3. 博主请问你是如何做到让主题的图片和必应主页更新的图片一致的

    1. 呃呃,PHP抓取必应的图

  4. 国内服务器速度就是要快好多啊

  5. http://onevcat.com/ 和这个很像啊

  6. 感谢博主的插件[太开心]

  7. 把onDocumentTouchStart和onDocumentTouchMove这两个函数和对应的监听事件删了就好了

    1. 好的,我一直在研究修复的办法,不过直接删掉我到没试过呢!

  8. 底部没积雪,不完美

  9. 刚才多说好像炸了…

  10. ie11/edge 完美支持 :)

    1. !!!!!!

    2. win mobile上的edge很正常 :neutral:

    3. 但是手机上不能滑动是硬伤!

  11. 你才神经丶

    我点了下 下载然后没下载成功网站就死了0.0[可怜]

    1. 测试中,所以~·

    2. 你才神经丶

      然后你博客我也打不开呀

    3. 刚刚停止下载.....

返回顶部