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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS旋转的彩色文字轮转特效

Javascript: Dhtml:浏览大图时鼠标感应控制层滚动条的移动; 初试javascript ：贪吃蛇啊; 只让输入数字的输入框; 只能输入汉字的输入框; 在JS中定义数组删除方法; 在网页中使用realplayer播放rm文件; 用层实现为网页中的图添加水印的效果; 所见即所得编辑器 aynHTML 大全：（一）如何部署、嵌入、装载动态内容; JavaScript 收集的两个小代码！; JScript中正则表达函数的说明与应用; 网页上内容导出到word里; 关于开发在线网页编辑器按回车会输入<p>而不是<br>的解决方法; OOP In JS [JS脚本中的面向对象]; 一个很通用的javascript的下拉菜单; 将金额小写转化成汉字大写; VML Chart 控件; Js+Dhtml:WEB程序员简易开发工具包(预先体验版); Javascript实例教程(21) OLE Automation(4); javascript进行客户端数据的校验; JavaScript 小技巧(第三集)

No. « ‹ 8 9 10 11 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 65 ::

收藏到网摘: n/a

文字来回上下移动或跳动的代码不一样的文字闪烁轮番闪烁

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 全选提示:你可先修改部分代码,再按运行]

文字来回上下移动或跳动的代码不一样的文字闪烁轮番闪烁

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

评论 (0) All