42、一个旋转文字代码

42、一个旋转文字代码

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

 

<title>网页特效---旋转文字</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>

 

Write a comment

Comments: 0