好资源导航 » 文章资讯 » JavaScript 实现下雪特效的示例代码

JavaScript 实现下雪特效的示例代码

2023-07-16 23:35:03 189

直接上代码





下雪效果实现


body,html{
overflow:hidden;
}




varsnowflakes={
arr:[],//数组盛放元素
snowflake:[//雪花类型
'❉',
'❈',
'*',
'✲',
'❀',
'❃'
],
snowflakeColor:[//颜色库
"red",
"green",
"#ccc123",
"#345232",
"#231111",
"#ab2322"
],
random:function(num){
returnMath.floor(Math.random()*num);//获得一个num-1的整数
},
init:function(num){
//最多个数
this.maxlength=num;
//边界
this.maxWidth=(document.documentElement.clientWidth||document.body.clientWidth)+20;
//边界
this.maxHeight=(document.documentElement.clientHeight||document.body.clientHeight)+20;
this.create();
this.move();
},
//创建
create:function(){
varthat=this;
setInterval(function(){
//当数组中的数量，比最大数量要小的时候开始创建
if(that.arr.length=that.maxHeight||arr[i].offsetLeft>=that.maxWidth){
document.body.removeChild(arr[i]);
arr.splice(i,1);
}
}
},30)
}
}
window.onload=function(){
snowflakes.init(100);
}

效果图

以上就是JavaScript实现下雪特效的示例代码的详细内容，更多关于JavaScript实现下雪特效的资料请关注毛票票其它相关文章！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

JavaScript 实现下雪特效的示例代码

热门推荐

随机推荐