Javascript设计漫天雪花
时间： 2021-07-31 作者：daque
原代码插入到<body>底下:<script language="javascript"> <!-- n = 40; y = new array(); x = new array(); s = new array(); a = new array(); b = new array(); m = new array(); v = (document.layers)?1:0; ih=(document.layers)?window.innerheight:window.document.body.clientheight; iw=(document.layers)?window.innerwidth:window.document.body.clientwidth; for (i=0; i < n; i++){ y[i]=math.round(math.random()*ih); x[i]=math.round(math.random()*iw); s[i]=math.round(math.random()*5+2); a[i]=0; b[i]=math.random()*0.1+0.1; m[i]=math.round(math.random()*1+1); } if (v){ for (i = 0; i < n; i++) {document.write("<layer name='sn"+i+"' left=0 top=0 bgcolor='#fffff0' clip='0,0,"+m[i]+","+m[i]+"'></layer>")} } else{ document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < n; i++) {document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+m[i]+';height:'+m[i]+';background:#fffff0;font-size:'+m[i]+'"></div>')} document.write('</div></div>'); } function snow(){ var h=(document.layers)?window.innerheight:window.document.body.clientheight; var w=(document.layers)?window.innerwidth:window.document.body.clientwidth; var t=(document.layers)?window.pageyoffset:document.body.scrolltop; var l=(document.layers)?window.pagexoffset:document.body.scrollleft; for (i=0; i < n; i++){ sy=s[i]*math.sin(90*math.pi/180); sx=s[i]*math.cos(a[i]); y[i]+=sy; x[i]+=sx; if (y[i] > h){ y[i]=-10; x[i]=math.round(math.random()*w); m[i]=math.round(math.random()*1+1); s[i]=math.round(math.random()*5+2); } if (v){document.layers['sn'+i].left=x[i];document.layers['sn'+i].top=y[i]+t} else{si[i].style.pixelleft=x[i];si[i].style.pixeltop=y[i]+t} a[i]+=b[i]; } settimeout('snow()',10); } //--> </script> 把<body>中的实质改为： <body bgcolor=#ffffff onload="snow()">
相关推荐
推荐下载
热门阅览
最新排行
- 1 手机如何装windows系统，手机装windows系统教程
- 2 微信公众号重大调整 新公注册公众号将没有留言功能
- 3 烧杯app最剧烈的反应有哪些？ 烧杯app攻略
- 4 微信小程序怎么用 微信小程序使用教程
- 5 360快剪辑怎么使用？360快剪辑图文视频教程
- 6 八分音符外挂神器：绝望中的战斗机
- 7 2017热门微信小程序排行榜 微信小程序二维码大全
- 8 微信聊天记录导出到电脑 怎么在电脑上查看微信聊天记录
- 9 在U递上赚钱和省钱教程 教你在U递上怎么赚钱何省钱
- 10 u递邀请码申请教程 u递邀请码领取方法
- 11 如何解决爱奇艺账号登陆验证 跳过爱奇艺账号手机登录验证方法分享 亲测好用
- 12 手机申请无限制申请QQ靓号 手机怎样无限申请Q号