宝哥软件园

javascript实现三维(三维的缩写)变换的立体圆圈实例

编辑:宝哥软件园 来源:互联网 时间:2021-09-08

本文实例讲述了爪哇岛描述语言实现三维(三维的缩写)变换的立体圆圈。分享给大家供大家参考。具体如下:

这里使用爪哇岛描述语言实现会变换的立体圆圈,在网页三维(三维的缩写)变化,变色的圆圈特效,网页上的三维(三维的缩写)圆圈特效。圆圈上的每一点的颜色并不一样,在黑色的网页背景下更能看清楚。

运行效果如下图所示:

具体代码如下:

htmlheadtitle变色的圆圈/titlestyle type='text/css '!-body {底色: # 000000;}-/style/head dyscript language=' JavaScript ' var colors=new Array(' ff 0000 ',' ffffff ',' 0000ff ',' ffffff ');var dots=16var步长=0.3;var a _ STeP=0.05 var Runtime=Xpos=Ypos=count _ a=count=CursTep=0;var cntr=70 var move _ a=move=1;var curColourdocument。write(' div id=' moveDiv ' style=' position : absolute;top :0 pxl eft :0 px ' ');for(I=0;我点;I){文档。write(' div style=' position :绝对值;top:0pxleft:0px宽度:2 pxheight :2 pxbackground : # fffffffont-size :2 px '/div ');}文档。write('/div ');var x=movediv . all var numdiv=new Array(x[0]、x[1]、x[2]、x[3]、x[4]、x[5]、x[6]、x[7]、x[8]、x[9]、x[10]、x[11]、x[12]、x[13]、x[14]、x[15]);函数color step(){ count=move;if(count=numdiv。长度){ count=0;count _ a=move } if(count _ a==colors。长度)count _ a=0;numdiv[计数]。风格。background=COlOrs[count _ a];setTimeout(' colorstep()',100)}函数div move(){ Ypos=document。尸体。滚动顶部document.body.offsetHeight/2文档。尸体。偏右/2.8 *数学。cos((RunTime)/3)*数学。cos(Runtime/10);xpos=文档。尸体。窃取document.body.offsetWidth/2文件。尸体。offset width/2.4 *数学。sin((运行时)/5)*数学。sin(运行时/20);RunTime=a _ StEpTma=setTimeout(' div move()',10);}函数overview(){ for(I=0;因姆区。长度;I){ numdiv[I]。风格。top=Ypos cntr *数学。cos((curr步骤I * 4)/10.2)*数学。cos(当前步骤/10);numdiv[I]。风格。left=Xpos cntr *数学。sin((curr step I * 4)/10.2);} curr step=stepsetTimeout(' overview()',10);}函数shrink(){ cntr-=0.5;GoShrink=setTimeout('Shrink()',10);if(cntr=20){ clear time out(Goshrink);膨胀()} }函数swell(){ cntr=0.5;GoSwell=setTimeout('Swell()',10);if(cntr=70){ clear time out(Goswell);收缩()} }函数转移(){ div move();//移动层推翻();//使层进行翻转收缩();//改变层的大小colorstep();//变换层的颜色} transfer();/脚本/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。

更多资讯
游戏推荐
更多+