当前位置:首页 > 日记 > 正文

javascript实现可旋转的圆实例代码。

javascript实现可旋转的圆实例代码。
本文用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程序设计有所帮助。

相关文章

PS图象处理软件是美丽的,中性的和蓝

PS图象处理软件是美丽的,中性的和蓝

红色,图象,处理软件,蓝色,美丽,图像的主色调比较小,你可以直接到黄绿色部分的颜色是红棕色,然后在黑暗和高光有点蓝色,然后部分遮荫可以加强。 图像的主色调比较小,你可以直接到黄绿色部分的颜色是红棕色,然后在黑暗和高光有点蓝色,然后部分遮荫…

WPS演示如何在WPS模板上删除文本WP

WPS演示如何在WPS模板上删除文本WP

文本,删除,模板,教程,演示,别人的工作似乎是很好的,今天偶然发现别人的PowerPoint模板是非常好的,想借,但也有一些的话,真的很尴尬,需要拆除,因为没有好的方法,然后用百度搜索,将与你分享的技巧。此外,安排一些相关的问题和解决方案,我们可以看一看。…

PowerPoint插入声音文件方法ppt制

PowerPoint插入声音文件方法ppt制

方法,声音文件,制作教程,电脑软件,PowerPoint,如何使PPT充满活力并拥有音乐下面,让我们告诉你如何在PPT中插入声音文件! (1)准备好声音文件(*,*,wav等)。 选定需要插入声音文件的幻灯片,执行插入RARR;;在具有视频和声音文件;语音命令,打开插入;声音;声音文…

对于护肤品的肌肤完美修复PS图象处

对于护肤品的肌肤完美修复PS图象处

图象,处理软件,肌肤,完美,电脑软件,本文主要介绍了皮肤护理产品完美修复PS图象处理软件。课程很简单,你喜欢的朋友可以一起学习。 作者很专业,思路也很清晰。过程:首先分析产品的材质类型,然后找相似的好结果作为参考,分析高光和暗的特点;然后剪…

如何在Word2007中设置默认字体Word

如何在Word2007中设置默认字体Word

字体,设置,默认,教程,如何在,设置默认字体确保每个新打开的文档设置你选择的字体设置为默认,默认的字体应用于活动模板(模板):一个或多个文件,包括结构和工具的形式完成文件的样式和页面布局等元素。例如,Word模板可以生成一个单一的文件,和FrontP…

探索Javascript中的其余参数和参数默认值

探索Javascript中的其余参数和参数默认值

参数,默认值,电脑软件,Javascript,其余的参数 在一般情况下,我们需要创建一个可变参数函数,即函数可以接受任意数量的参数,例如,string.prototype.concat可以接受任意数量的字符串作为参数,用余下的6参数,为我们提供了创建可变参数函数的一种新…

春节吉祥剪纸教程制作牛年牛年

春节吉祥剪纸教程制作牛年牛年

教程,牛年,剪纸,吉祥,春节,本教程是春节吉祥剪纸的方法,给朋友的CDR制作了一个牛,教程效果很好,推荐看看。 在09年将要来临,一切都是那么的容易,为了满足我们与CorelDRAW X4吉祥剪纸牛牛。新的一年。我希望这将是您的计算机上的窗口牛年祝福的一…

ps批处理中的第一个动作是什么

ps批处理中的第一个动作是什么

批处理,第一个,动作,电脑软件,ps,ps批处理中的第一个动作是什么ps批量处理可以大大减轻我们的工作量。但对于新朋友来说,批处理操作常常会遇到一个或另一个问题。让我们来看看解决方案。 ps批量处理可以大大减轻我们的工作量,但对于新手来说,…

浏览器中url存储的Javascript实现

浏览器中url存储的Javascript实现

浏览,器中,电脑软件,url,Javascript,现在的浏览器,有一个非常有趣的功能,你可以修改URL浏览器而不刷新页面的情况;在浏览过程中。你可以浏览历史记录,当你在浏览器中点击后退按钮时,你可以浏览历史被匆匆赶回,听起来不复杂,可以实现,我们可以写一些…

CorelDRAWX4设计漂亮的网站LOGO

CorelDRAWX4设计漂亮的网站LOGO

网站,漂亮,电脑软件,LOGO,本教程介绍了CorelDRAW X4的朋友设计一个漂亮的网站标识方法。本教程设计的徽标非常漂亮。推荐给你最喜欢的朋友一起学习。 本教程介绍了设计CoreIDraw x4.x4版本的个人网站LOGO觉得不理想,方法和思路,呵呵。这就像…

烟花修补功能图

烟花修补功能图

修补,烟花,功能,电脑软件,本教程是介绍给你的烟花修复功能,真的是一个很好的功能,看看作者的图纸,很不错的。 本教程是介绍给你的烟花修复功能,真的是一个很好的功能,看看作者的图纸,很不错的。 当我开始看到这些照片时,我感到很惊讶。 让我们向…

PS把三度的图画变成一个二维世界。

PS把三度的图画变成一个二维世界。

二维,图画,世界,电脑软件,PS,两个和三个维度,似乎两个词不如一个维度,但事实上,差别并不那么简单,二元可以无限美丽和完美,但它永远不会被感动。三维度不是完美的,但它是联系在一起的。下面的小编辑器将介绍ps的三维图片到二维世界的方法,感兴趣的…