网页特效制作教程

特效预览区

特效预览于页面

代码复制区

<BODY onload=setVariables(),moveLetters() vLink=#0000ff ;> <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>