添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 漂浮 | 广告 >

可自由设置雪花参数配置的逼真下雪效果

时间:2016-06-28      来源:互联网     
特效说明:
一款可自由设置雪花参数配置的逼真下雪效果下载,该JS特效可以对雪花密度、飘落速度、下落倾斜度设置,非常好用的一款下雪效果。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE9、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/style.css">

2、调用JS插件代码:
<script src="js/ThreeCanvas.js"></script>
<script src="js/jquery.js"></script>
<script src="js/Snow.js"></script>
<script src="js/snowFall.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。

4、参数设置:
<script>
    $.snowFall({
        //创建粒子数量,密度
        particleNo: 500,
        //粒子下拉速度
        particleSpeed:30,
        //粒子在垂直(Y轴)方向运动范围
        particleY_Range:1300,
        //粒子在垂直(X轴)方向运动范围
        particleX_Range:1000,
        //是否绑定鼠标事件
        bindMouse: false,
        //相机离Z轴原点距离
        zIndex:600,
      //摄像机视野角度
        angle:55,
        wind_weight:0
        });
</script>
相关特效
  • jQuery实现雪花飘落场景动画特效代码

    jQuery实现雪花飘落场景动画特效代码

    一款jQuery实现雪花飘落场景动画特效代码,完全由js实现,无任何图片,无任何CSS,雪花是特殊文本符号,雪花飘落效果逼真,不错的雪景动画场景特效。……
    2015-01-16
  • CSS3圣诞树、雪人、下雪动画效果

    CSS3圣诞树、雪人、下雪动画效果

    一款CSS3圣诞树、雪人、下雪动画效果网页特效,该特效代码是一款纯CSS3制作的冬天下雪网页动画片头,效果很棒。有圣诞树、雪人、雪花飘落、蓝天背景等元素。……
    2015-01-13
  • 唯美雪景雪花飘落效果代码

    唯美雪景雪花飘落效果代码

    一款唯美雪景雪花飘落效果代码网页特效,酷炫全屏雪花飘落特效,随鼠标运动动感改变飘落速度、方向JS代码插件。……
    2015-01-07
  • 全屏圣诞/元旦节日动态雪花飘落代码

    全屏圣诞/元旦节日动态雪花飘落代码

    一款全屏圣诞/元旦节日动态雪花飘落代码,圣诞节、元旦节日酷炫雪花飘落网页特效JS代码。……
    2015-01-03
  • 3D雪花满天飞网页特效(极酷)

    3D雪花满天飞网页特效(极酷)

    一款3D雪花满天飞网页特效(极酷)网页特效,随机性强,具有真实的雪花飘落场景。……
    2014-01-04



最新更新特效

设计分享