Javascript设计漫天雪花

2016-01-29 11:49 18 1 收藏

Javascript设计漫天雪花,Javascript设计漫天雪花

【 tulaoshi.com - Javascript 】

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

来源:http://www.tulaoshi.com/n/20160129/1483500.html

延伸阅读
雪花的剪纸视频教程 大家看见下面的雪花的剪纸了吗?没错,这个雪花的剪纸就是我们今天要学习的剪纸,大家有没有信心和把握将这个剪纸剪好呢?只要大家跟着视频一起来做,肯定能剪出好看的剪纸的?接下来我们就一起学习吧!     雪花的剪纸步骤教程 材料:红纸、剪刀、笔 1、将红纸沿着对角线对折一下,并且将边压一下...
雪花妆完成图 今天我们教大家画的这个妆容叫做雪花妆,但是并不是说这个妆容很或者是很冷酷,而是我们在这个妆容中用到了一些亮片的元素,就像是晶莹的雪花一样,接下来就一起学习吧。 雪花妆图解教程 首先是底妆的部分,我们用的是稍微白一点点的粉底液然后用美妆蛋或者是海绵垫均匀的按压开来 接下来就是遮瑕的工作,将遮瑕膏涂抹...
冬季已经过了一半,却还是不曾飘下一片雪花来,到现在也未能见识到雪花的美丽。还是用纸折一片漂亮的立体折纸雪花吧,虽然难度相对来说比较高一点,但完成后的效果还是蛮震撼的,可以挂在墙上作为房间的冬天装饰,或者以即将到来的圣诞中用来布置你的平安夜现场用,一定会很有成就感哦,大家来学习这款立体雪花折纸的 手工教程 吧!
雪花折纸视频教程 当我们仔细去享受雪花的时候,它其实是很美的。每年如果下了大雪之后都会有一个好的寓意。言归正传,我们总觉得折纸是一个很复杂的事情,但是跟着步骤其实是很容易的。今天分享的雪花折纸教程其实是一个很容易的,大家可以学习起来吧。     雪花折纸步骤教程 首先要准备到的东西有:正方形的纸、胶棒、尺子...

经验教程

184

收藏

96
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部