这里基于javascript实现会旋转的圆圈，有点三维变幻的效果，立体感很强，代码主要是基于js，学习js脚本编程来说，是个学习js生成动画的好范例。
运行效果如下图所示：
具体代码如下：
<html> <head> <title>旋转的圆圈</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> </head> <body> <script language="javascript"> amount=ybase=15; color="#ffaaff"; glowcolor="#ff00ff"; xbase=-70; step=c=0.05; trigsplit=360/amount; xpos=ypos=currstep=ci=0; for (i=0; i < amount; i++) document.write("<p id="p" style="position:absolute;top:0px;left:0px;height:20;width:20;text-align:center"><b>.</b></p>"); function running(){ var my=document.body.scrolltop+document.body.clientheight/2 + document.body.clientheight/2.8*math.cos((ci)/4)*math.cos(ci/10); var mx=document.body.scrollleft+document.body.clientwidth/2 + document.body.clientwidth/2.4*math.sin((ci)/6)*math.sin(ci/20); ypos=my; xpos=mx; for (i=0; i < amount; i++){ var d=p[i].style; if (d.pixeltop > ypos+2){ d.fontsize=18; d.paddingtop=7; d.filter="glow(color="+glowcolor+", strength=7)"; if (d.pixeltop > ypos+10){ d.fontsize=15; d.paddingtop=10; d.filter="glow(color="+glowcolor+", strength=5)"; } } else{ d.fontsize=25; d.paddingtop=0; d.color=color; d.filter="glow(color="+glowcolor+", strength=8)"; } d.top=ypos+ybase*math.sin(currstep+i*trigsplit*math.pi/180); d.left=xpos+xbase*math.cos(currstep+i*trigsplit*math.pi/180); } ci+=c; currstep+=step; settimeout("running()",20); } running(); </script> </body> </html>
以上就是实例讲解javascript实现可旋转的圆圈的详细内容。