演示图:

特效说明:

一款可自由设置雪花参数配置的逼真下雪效果下载,该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>

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。