旋转文字_脚本HTML教程-查字典教程网

旋转文字

摘要：网页特效|Linkweb.cn/Js|---旋转文字functionsetVariables(){if(navigator.appName=...

<html>

<title>网页特效|Linkweb.cn/Js|---旋转文字</title>
</head>

<body>

<BODY onload=setVariables(),moveLetters() vLink=#0000FF background="../images/bg.gif">
<SCRIPT language=JavaScript>
function setVariables(){
                if (navigator.appName == "Netscape") h=".left=", v=".top=",dS="document.",sD="";
                 else        h=".pixelLeft=",v=".pixelTop=",dS="",sD=".style";}
var y = 200;
var x = 300;
var inc=0;
var X = 250;
var Y = 150;
function moveLetters() {
        for ( j = 0 ; j <26 ; j++ ) {
                objectX="object"+j
        eval(dS + objectX +sD + v + (Y + Math.cos((20*Math.sin(inc/20))+j*70)*y*(Math.sin(10+inc/10)+0.2)*Math.cos((inc + j*25)/10)));
        eval(dS + objectX + sD + h + (X + Math.sin((20*Math.sin(inc/20))+j*70)*x*(Math.sin(10+inc/10)+0.2)*Math.cos((inc + j*25)/10)));
}
inc+=.2;
setTimeout("moveLetters()", 1);
}
</SCRIPT>
<DIV id=object0
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>a</FONT></DIV>
<DIV id=object1
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>b</FONT></DIV>
<DIV id=object2
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>c</FONT></DIV>
<DIV id=object3
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>d</FONT></DIV>
<DIV id=object4
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>e</FONT></DIV>
<DIV id=object5
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#008000 size=+4>f</FONT></DIV>
<DIV id=object6
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#8000ff size=+4>g</FONT></DIV>
<DIV id=object7
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>h</FONT></DIV>
<DIV id=object8
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>i</FONT></DIV>
<DIV id=object9
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>j</FONT></DIV>
<DIV id=object10
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>k</FONT></DIV>
<DIV id=object11
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>l</FONT></DIV>
<DIV id=object12
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#008000 size=+4>m</FONT></DIV>
<DIV id=object13
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#8000ff size=+4>n</FONT></DIV>
<DIV id=object14
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>o</FONT></DIV>
<DIV id=object15
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>p</FONT></DIV>
<DIV id=object16
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>q</FONT></DIV>
<DIV id=object17
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>r</FONT></DIV>
<DIV id=object18
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>s</FONT></DIV>
<DIV id=object19
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#008000 size=+4>t</FONT></DIV>
<DIV id=object20
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#8000ff size=+4>u</FONT></DIV>
<DIV id=object21
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff0000 size=+4>v</FONT></DIV>
<DIV id=object22
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0fff00 size=+4>w</FONT></DIV>
<DIV id=object23
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff00ff size=+4>x</FONT></DIV>
<DIV id=object24
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#0080ff size=+4>y</FONT></DIV>
<DIV id=object25
style="LEFT: 250px; POSITION: absolute; TOP: 150px; Z-INDEX: 2"><FONT
color=#ff8000 size=+4>z</FONT></DIV>

</body>

</html>

【旋转文字】相关文章：

★ 教你用Freehand制作螺旋形旋转文字的动画

★ Flash AS3代码打造简单的文字旋转效果

★ 让文字旋转270度的css样式

★ CSS布局时使用HTML标签

★ 加入阴影的文字

★ Word中怎么做文字跟随文本框一起旋转的效果?

★ HTML表格中英文和数字换行问题

★ 彩虹文字

★ Photoshop制作会发光的旋转文字

★ 在Word2010文档中设置艺术字三维旋转

上一篇：文字逐渐变换颜色

下一篇：加入阴影的文字

学习工具