首页 > web前端 > js教程 > 正文

Javascript设计漫天雪花

黄舟
发布: 2016-12-21 15:22:40
原创
1426人浏览过

原代码插入到<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()"> 

 以上就是Javascript设计漫天雪花的内容,更多相关内容请关注PHP中文网(www.php.cn)! 

优雅樱花春季主题合集矢量素材
优雅樱花春季主题合集矢量素材

优雅樱花春季主题合集矢量素材适用于春季活动海报、花卉主题的婚礼邀请、节日贺卡、日式餐厅菜单、樱花节宣传材料、个人品牌包装等与春天和花卉相关等相关视觉场景设计的AI格式素材。

优雅樱花春季主题合集矢量素材 0
查看详情 优雅樱花春季主题合集矢量素材
相关标签:
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号