jquery下雪效果

所属分类:其他-动画效果

 55092  364  查看评论 (26)
分享到微信朋友圈
X
jquery下雪效果 ie兼容6

==========以下内容由会员 只看不发了 提供================

1.引入样式表:

<link href="css/jq22.css" rel="stylesheet" type="text/css" />

2.引入js:

<script src="js/snow.js"></script>

3.调用函数产生雪花

<script>createSnow('', 6);</script>

背景颜色设置为深色即可看到效果

相关插件-动画效果

jQuery延时动画插件aniAuto

该插件主要用于执行Animate.css动画库,可以实现动画延时,队列,执行时间,滞后执行,重复执行等
  动画效果
 35184  379

2013圣诞快乐礼盒破裂HTML5特效

圣诞节快乐,盒子破裂弹出。
  动画效果
 40092  482

Jquery下雪特效

jquery下雪特效,可以定义不同雪花
  动画效果
 42023  416
  动画效果
 55263  459

讨论这个项目(26)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    白月光 0
    2017/5/15 11:12:25

    为什么雪花到底的时候会出现闪屏的Bug

        honey。1
        2017/6/20 9:28:04
        body{
            overflow:hidden;
        }
    回复
    啊哦额 0
    2017/4/29 19:36:16
    请问如何让他在指定元素内开始下雪?急
        啊哦额0
        2017/4/29 19:51:12
        已解决
        ?☆戒指⑥☆?0
        2017/9/13 10:49:39
        怎么解决的,麻烦说一下。谢谢了!
    回复
    qt5107 0
    2016/12/15 12:12:23
    我也碰到,求怎么解决 回复
    ?芽糖 0
    2016/12/14 22:12:58

    请问雪下到一半要怎麽让它下到浏览器最底.....

        暖洋0
        2016/12/19 14:12:38

        我觉得可以给雪花加一个点击事件,然后直接跳到最底

        microsoftvs0
        2016/12/29 11:12:28

        snow.js第66行

        for (var e = h().top, n = l(), d = c.length - 1; d >= 0; d--) if (c[d]) if (c[d].top >600 || c[d].top + c[d].size + 1 > e + n)

        c[d].top >600改1200或更大值。

        在加入Css样式防止超出出现滚动条

        #page{overflow: hidden}
    回复
    ?? 0
    2016/6/15 14:06:32
    手机浏览器卡是因为这里让雪花移动是设置top和left值,大部分浏览器修改这个都会卡的,所以改成css3动画就行了,这个插件计算移动值和真正 移动雪花是分成两个函数的,所以很好改,赞一个
        ??1
        2016/6/15 14:06:41
        不,不要修改top和left了,修改tramsform会好很多
        ┽?べ 0
        2016/7/29 10:07:05
        怎么改?
        戴斯0
        2016/12/20 13:12:29
        单修改tramsform 好吗??
    回复
    可有可无 0
    2015/12/23 11:12:47

    能不能停止效果 , 清除雪花

        ??0
        2016/6/15 14:06:41
        removeSnow()
    回复
    have a good time。 0
    2015/12/18 18:12:53

    下10秒后怎么让雪花消失

        ??1
        2016/6/15 14:06:43
        removeSnow()
    回复
    nta.kim 0
    2015/9/3 20:09:59

    其他啊问题都能修改代码解决,唯一没办法的是在手机上大多浏览器会很卡!

    回复
    按时的 0
    2015/7/21 8:07:24
    雪花的图片路径在什么地方,如何在框架中引用
        ??1
        2016/6/15 14:06:19
        压缩包根目录下面就是,snow0.gif,总共有4个
    回复
    2014_暮城 0
    2014/11/5 12:05:03
    微信上无法显示 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复