javascript实现可旋转的圆实例代码。
基于Javascript,我们实现了基于javascript旋转的圆。它有一点三维效果。立体感很强。代码主要是基于js的。学习js脚本编程是学习如何生成动画的一个很好的例子。
运行效果如下图所示:
具体代码如下:
一个旋转的圆
金额= ybase = 15;
颜色=# ffaaff;
glowcolor =# ff00ff;
XBASE = - 70;
步骤= C=0.05;
trigsplit = 360 /数量;
窗口= ypos = currstep = CI = 0;
对于(i = 0;i <量;i +)
document.write(' ');
函数运行(){
VAR我=文件。身体。scrollTop +文档。身体。自己 / 2 +文件。身体。自己 / 2.8 * Math.cos((Ci) / 4)* Math.cos(CI / 10);
VaR MX =文件。身体。scrollLeft +文档。身体。clientwidth / 2 +文件。身体。clientwidth / 2.4 * Math.sin((Ci) / 6)* Math.sin(CI / 20);
ypos =我;
窗口= MX;
对于(i = 0;i <数量;i + +){
var;
如果(d.pixeltop > ypos + 2){
d.fontsize = 18;
d.paddingtop = 7;
d.filter = 'glow(颜色=+ glowcolor +,强度= 7);
如果(d.pixeltop > ypos + 10){
d.fontsize = 15;
d.paddingtop = 10;
d.filter = 'glow(颜色=+ glowcolor +,强度= 5);
}
}
别的{
d.fontsize = 25;
d.paddingtop = 0;
D.color=Color;
d.filter = 'glow(颜色=+ glowcolor +,强度= 8);
}
d.top = ypos + ybase * Math.sin(currstep +我* TrigSplit *数学。π/ 180);
d.left =窗口+ XBASE * Math.cos(currstep +我* TrigSplit *数学。π/ 180);
}
++;
currstep + =步;
setTimeout(亦()',20);
}
跑步();
希望本文能对大家的javascript程序设计有所帮助。