JS旋转的彩色文字轮转特效

更新时间：2009年11月11日 17:02:58 作者：

JavaScript完成的文字效果，不停旋转的文字特效，给旋转到当前的文字增加炫丽的彩色效果，还行吧，偶比较喜欢的效果，里面的很多参数都是可调的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>文字旋转</title> <SCRIPT language=javascript> Phrase="我们是共和国的接班人……" Balises="" Taille=40; Midx=100; Decal=0.5; Nb=Phrase.length; y=-10000; for (x=0;x<Nb;x++){ Balises=Balises + '<DIV Id=L' + x + ' STYLE="width:3;font-family: Courier New;font-weight:bold;position:absolute;top:40;left:50;z-index:0">' + Phrase.charAt(x) + '</DIV>' } document.write (Balises); Time=window.setInterval("Alors()",10); Alpha=5; I_Alpha=0.05; function Alors(){ Alpha=Alpha-I_Alpha; for (x=0;x<Nb;x++){ Alpha1=Alpha+Decal*x; Cosine=Math.cos(Alpha1); Ob=document.all("L"+x); Ob.style.posLeft=Midx+100*Math.sin(Alpha1)+50; Ob.style.zIndex=20*Cosine; Ob.style.fontSize=Taille+25*Cosine; Ob.style.color="rgb("+ (27+Cosine*80+50) + ","+ (127+Cosine*80+50) + ",0)"; } } </SCRIPT> </head> <body> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js单行消息滚动代码，可添加无数个
JavaScript实现单行新闻滚动代码，可添加无数行，只要你有那么多内容，我觉得挺不错，发上来供大家使用和参考。
2010-11-11
5分钟教你学会超简单的html+css魔幻霓虹灯文字特效
这篇文章5分钟教你学会超简单的html+css魔幻霓虹灯文字特效,只用简单的html+css就可以完成,不需要配置运行环境,魔幻的霓虹灯特效非常炫酷,一起来学习一下,需要的朋友可以参考下
2023-03-03
javascript 模拟Marquee文字向左均匀滚动代码
Marquee是HTML语言里固有的文字滚动标签，虽然用着方便，但是功能上有一些限制，很多时候我们都是通过JavaScript来补充这一功能.
2009-10-10
CSS3实现3D文字动画效果
CSS3 3D文字动画，看到这个字眼都觉得震撼，顺便兼用下另两个属性：transition 和 animation。由于使用CSS3技术，因此测试时请使用火狐或Chrome等浏览器，否则不能看到效果
2012-12-12
JavaScript 平滑文字闪烁
基于JavaScript的平滑文字闪烁,不是单纯的闪烁,貌似还带有一点点别的效果,比如淡入/淡出,那些颜色值你是可以变的,改成你想要的,还有闪烁间隔等,都可以修改的.
2009-10-10
CSS 动态链接提示
CSS实现动态的链接提示，带动画效果，当然，这不光是CSS的功劳，JavaScript也用上了，当你把鼠标放到文字上的时候，你就会看到一行提示文字出现的效果了。
2009-10-10
javascript 网页上跳动的文字
网页上跳动的文字，代码稍复杂，效果挺可爱的，一跳一跳的文字，真逗人！
2009-10-10
用按钮触发Javascript动态生成一个表格的代码
用按钮触发Javascript，动态生成一个表格，主要是使用innerHTML功能，每点击一次按钮，就会生成一个表格，当然也可以把表格改成一个DIV，这样就是生成一个层了，不过删除时候有些麻烦。
2009-10-10
一个实现字体大中小方法的JavaScript代码
再发一个实现字体大中小方法的JavaScript代码，这种效果估计大家在网上见到挺多了，点击适时改变网页上字体的大小，以适合不同人群的浏览体验，本代码较简单，使用方便。
2011-08-08
javascript 走马灯效果的链接提示
走马灯效果的链接提示，大家的需求不一样，因此可能有朋友会喜欢这样的链接提示，用到的话，再好好美化一下，其实效果还是不错的。
2009-10-10