<! DOCTYPE HTML Public"-//W3C//DTD XHTML 1.0 transitional//en" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">"http://www.w3.org/1999/xhtml">"Content-type"Content="text/html; Charset=utf-8"/><title>test</title><script type="Text/javascript">/** Draw a oval * The following is the formula of oval. * All dots are drawn by it. * x = r*a*cosθ (0 <=θ<= 2π) * y = r*b*sinθ (0 <=θ<= 2π) * b*b + r*r = A*a//pythagoras theorem */ varCircle ={centre_of_circle: {x: $Y: $}, Radius: A, Dot:function (x,y,w) {return "<div id= ' dot_"+x+y+"' style= ' display:none;font-size:0;width:"+w+"Px;height:"+w+"Px;position:absolute;background-color: #000; Top:"+ (Y) +"Px;left:"+ (x) +"px ' ></div>"; }, Draw:function () {vars ="", Dots= -, a= the, b=9, Dotsarr= []; for(vari =0; I < dots; i++){ varx = Circle.centre_of_circle.x+circle.radius*math.cos (i*2*math.pi/dots) *A; vary = Circle.centre_of_circle.y+circle.radius*math.sin (i*2*math.pi/dots) *C; S+ = Circle.dot (x, Y,2); Dotsarr.push ({"y": Y,"x": x}); } Document.body.innerHTML=s; returnDotsarr; }} window.onload=function () {varDots =Circle.draw (); varCount =0; vart =Window.setinterval (function () {document.getElementById ("Dot_"+DOTS[COUNT].X+DOTS[COUNT].Y). Style.display ="Block"; Count++; if(Count >=dots.length) window.clearinterval (t); },1); }</script><! DOCTYPE HTML Public"-//W3C//DTD XHTML 1.0 transitional//en" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD"> "http://www.w3.org/1999/xhtml"> "Content-type"Content="text/html; Charset=utf-8"/> <title>test</title> <script type="Text/javascript">/** Draw a oval * The following is the formula of oval. * All dots are drawn by it. * x = r*a*cosθ (0 <=θ<= 2π) * y = r*b*sinθ (0 <=θ<= 2π) * b*b + r*r = a*a//pythagoras theor EM*/ varCircle ={centre_of_circle: {x: $Y: $}, Radius: A, Dot:function (x,y,w) {return "<div id= ' dot_"+x+y+"' style= ' display:none;font-size:0;width:"+w+"Px;height:"+w+"Px;position:absolute;background-color: #000; Top:"+ (Y) +"Px;left:"+ (x) +"px ' ></div>"; }, Draw:function () {varDots = -, a= the, b=9, Dotsarr= []; for(vari =0; I < dots; i++){ varx = Circle.centre_of_circle.x+circle.radius*math.cos (i*2*math.pi/dots) *A; vary = Circle.centre_of_circle.y+circle.radius*math.sin (i*2*math.pi/dots) *b; Dotsarr.push ({"y": Y,"x": x}); } returnDotsarr; }, Words:function (Aobjarr) {vars =""; S+="<a href= '"+aobjarr.href+"' target= ' _blank ' style= ' position:absolute; ' id= ' A_"+aobjarr.id+"' >"+aobjarr.str+"</a>"; returns; }} window.onload=function () {varDots =Circle.draw (); varCount =0; Document.body.innerHTML= Circle.words ({href:"http://www.baidu.com", id:dots[count].x+""+DOTS[COUNT].Y,STR:"Baidu"}); varstyle = document.getElementById ("A_"+dots[count].x+""+dots[count].y). style; vart =Window.setinterval (function () {with (style) {top= dots[count].y+"px"; Left= dots[count].x+"px"; FontSize= (dots[count].y/Ten)+"px"} Count++; if(Count >=dots.length) {Count=0; } },1); } </script> JS draws an ellipse.