分享两种圣诞节雪花特效JS代码(网站下雪效果)

今天是圣诞节,首先,张戈在这里祝所有朋友节日快乐!

虽然我对圣诞节并不感冒,不过既然是公开的博客,那还是搞搞气氛吧!测试了网上找的几个代码,下面分享一下我个人比较满意的2种。

看代码之前,先分享一下即时预览的方法:很简单,在webkit浏览器(比如谷歌)按下F12,然后在console里面粘贴一下JS代码(不含前后的script标签),然后回车执行即可看到效果了。

分享两种圣诞节雪花特效JS代码(网站下雪效果)

一、下雪特效代码①

Ps:由于我博客背景是浅色的,所以把雪花改成了淡蓝色,如果喜欢其他颜色的,可以根据注释自行修改。

二、下雪特效代码②

使用方法:

方法①、复制其中一种JS代码,粘贴到网站</body>标签之前即可;

方法②、去掉代码前后的<script **>标签,然后将代码保存为js文件,最后在网站引用即可。

Ps:若没效果,请确认网页是否已载入JQurey,如果没有请在下雪代码之前引入JQ即可。

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

刷新评论

目前评论:22   其中:访客  14   博主  8

  1. 小武 6 来自天朝的朋友 谷歌浏览器 Windows 8.1 辽宁省大连市 电信

    沙发?

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

      哇, :eek: 好快的手速。 :lol:

  2. 李阳博客 3 来自天朝的朋友 谷歌浏览器 Windows 7 北京市 中国电信北京研究院

    哈哈,发现博客联盟下雪了,圣诞快乐

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

      同乐同乐~~ :smile:

  3. 梦想网络 5 来自天朝的朋友 谷歌浏览器 Windows 10 四川省攀枝花市 电信

    圣诞节之前就加了,不过最后取消了,感觉没太大必要。。

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市宝安区 电信

      搞着玩下不行么?生命在于折腾。

  4. 极品飞鸽 5 来自天朝的朋友 谷歌浏览器 Windows 7 四川省成都市 电信

    以前感觉这些效果很炫,但是看久了就觉得也就那样子~\(≧▽≦)/~啦啦啦

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市宝安区 电信

      :evil: 总是有人想要的。

  5. 路小亚博客 1 来自天朝的朋友 谷歌浏览器 Windows XP 河南省许昌市 联通

    圣诞节,老外的节日,我就不跟着凑热闹了

  6. 王语双个人站 2 来自天朝的朋友 谷歌浏览器 Windows XP 宁夏银川市 电信

    我好了好久雪花效果。这下找着了。
    PS:周末了,过来看看,博主有双休吗,好好休息,别在搞垮别人之前先搞跨了自己。‘(*∩_∩*)′

  7. 幻杀博客 5 来自天朝的朋友 谷歌浏览器 Windows 7 山东省潍坊市 联通

    联盟也下雪了

  8. 爱偷笑 2 来自天朝的朋友 QQ浏览器 Windows 7 福建省莆田市 联通

    哈哈不错,可惜圣诞已经过了

  9. 环络科技 0 来自天朝的朋友 谷歌浏览器 Windows 7 山东省 联通

    亲测可用,大赞博主

  10. 幻杀博客 5 来自天朝的朋友 谷歌浏览器 Windows 8.1 山东省潍坊市 联通

    联盟也下雪了,话说SAE好像也有这个特效。挖个jquery控制方向的。

  11. 飞檐走沟 2 来自天朝的朋友 谷歌浏览器 Windows 7 辽宁省 铁通

    有个问题想请教博主,为什么更改了雪花数量没什么变化呢? 改到50000和50 下雪效果都是一样的,强制刷新后也是,什么情况?

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 8.1 广东省深圳市 电信

      第二段代码?

  12. 飞檐走沟 2 来自天朝的朋友 谷歌浏览器 Windows 7 辽宁省 铁通

    this.maxFlake = snow.maxFlake || 200; /* 最多片数 */
    就是这段代码啊 ,还有就是显示出来的效果不一样 ,我感觉就是比较散 ,你去我站看下 !

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 8.1 广东省深圳市 电信

      这代码我也只是收集分享。。。不喜欢的话建议百度再找找其他的吧。

    • 云彩飞扬 1 来自天朝的朋友 谷歌浏览器 Windows 10 上海市浦东新区 电信

      var snow = new snowFall({maxFlake:60});改成var snow = new snowFall({maxFlake:600});

      • 张戈 [博主] 来自天朝的朋友 QQ浏览器 Windows 7 广东省广州市 电信

        这个可以有

  13. 挂电风扇 0 来自天朝的朋友 谷歌浏览器 Windows 7 上海市 电信

    这个飘雪效果现在是不是没用了?1和2的方法我都试过了,好像没效果了。

    • 张戈 [博主] 来自天朝的朋友 QQ浏览器 Windows 7 湖南省长沙市 电信

      亲测无误,代码不会过期。

加载中,请稍候...