JS实现生成会变大变小的圆环实例

本文实例讲述了射流研究…实现生成会变大变小的圆环。分享给大家供大家参考。具体如下：

这里使用爪哇岛描述语言生成圆环，会变大变小，对于研究如何利用Java脚本语言生成动画效果，这是个很好的范例。

运行效果如下图所示：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head style # div 1 { width :2 px；高度：2px位置：绝对；背景：红色；left :150 pxtop :200 px } div { width :3 px three :3 px }位置：绝对；背景：黑色；}/styletitleJS圆环/title脚本类型=' text/JavaScript ' var n=30；var r=100var a=真；窗户。onload=function(){ var ODI v1=document。getelementbyid(' div 1 ')；var ADiv=[]；var Odiv=null var j=0；var I=0；for(I=0；在；I){ OdiV=文档。创建元素(' div ')；adiv。push(Odiv)；文件。尸体。appendchild(Odiv)；} calcDrg()；函数calcDrg(){ for(I=0；在；I){ var degress=360 * I/n j；var a=数学罪恶(度数*数学/180)* r；var b=数学系数（度数*数学/180)* r；aDiv[I]。风格。左=ODI v1。offsetleft b ' pxaDiv[I]。风格。top=ODI v1。offset top-a ' px '；} } SetInterval(function(){ j；var s=0.3a？r-=s 3360 r=s；if(r=0 || r=100) { a=！a；} calcDrg()；}, 10);};/script/head dydiv id=' div 1 '/div/body/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。