jquery下雪效果

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

 54406  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>

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

相关插件-动画效果
  动画效果
 54131  458

Google loading 纯CSS3加载动画特效(部分原创)

Google风格为主题,运用CSS3实现加载动画特效
  动画效果
 28398  375

jQuery canvas实现圣诞下雪效果

canvas实现圣诞下雪效果,这个下雪效果有点炫.
  动画效果
 37120  383

金币抽奖效果

金币抽奖效果
  动画效果
 49803  413

讨论这个项目(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
    微信上无法显示 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复