Javascript实现可旋转的圆圈实例代码

本文实例讲述了爪哇岛描述语言实现可旋转的圆圈。分享给大家供大家参考。具体如下：

这里基于爪哇岛描述语言实现会旋转的圆圈，有点三维变幻的效果，立体感很强，代码主要是基于JS，学习射流研究…脚本编程来说，是个学习射流研究…生成动画的好范例。

运行效果如下图所示：

具体代码如下：

htmlheadtitle旋转的圆圈/title meta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312 '/head dyscript language=' JavaScript ' amount=ybase=15；color=' # ffaaffGlowColor=' # ff 00 ffx base=-70；步长=c=0.05钻机拆分=360/金额；xpos=ypos=curr步长=Ci=0；for(I=0；一、金额；I)文件。write(' Div id=' Div ' style=' position :绝对值；top:0pxleft:0px高度：20;宽度：20;文本对齐：中心b ./B/div ')；函数running(){ var MY=document。尸体。滚动顶部document.body.clientHeight/2文档。尸体。客户端高度/2.8 *数学。cos((Ci)/4)*数学。cos(Ci/10)；var MX=文档。尸体。向左滚动document.body.clientWidth/2文档。尸体。客户端宽度/2.4 *数学。sin((Ci)/6)*数学。罪恶(Ci/20)；ypos=MYxpos=mxFOr(I=0；一、金额；i ){ var d=Div[i].风格；if(d . pixeltp ypos 2){ d . font size=18；d .填充顶部=7；d .滤镜='辉光(颜色='辉光颜色'，强度=7 ')；if(d . pixeltp ypos 10){ d . font size=15；d .划水p=10d。滤镜='发光(颜色='发光颜色'，强度=5 ');} } else { d.fontSize=25d。填充顶部=0；颜色=颜色；d .滤镜='辉光(颜色='辉光颜色'，强度=8 ')；} d . top=ypos ybase * Math。正弦(电流阶跃I *触发分裂*数学.PI/180)；d . left=xpos xbase * Math。因为(当前步骤1 *触发分割*数学.PI/180)；} Ci=c；curr step=stepsetTimeout(' running()'，20)；} running()；/脚本/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。