一种文字颜色渐变效果的超级连接特效 dn001 2009-06-21 08:20:52 <script> function drawDot(x,y,color,size){ document.write("<table border='0' cellspacing=0 cellpadding=0><tr><td style='position: absolute; left: "+(x)+"; top: "+(y)+";background-color: "+color+"' width="+size+" height="+size+"></td></tr></table>") } function drawOval(x,y,a,b,color,size,precision){ var i; var iMax=2*Math.PI; var step=2*Math.PI/(precision*Math.sqrt(a*b)*4.5); for(i=0;i<iMax;i+=step){ drawDot(x+a*Math.cos(i),y+b*Math.sin(i),color,size); } } drawOval(450,250,120,50,"fuchsia",2,1); drawOval(450,253,120,50,"fuchsia",2,0.1); drawOval(450,256,120,50,"fuchsia",2,0.1); drawOval(450,259,120,50,"fuchsia",2,0.1); drawOval(450,262,120,50,"fuchsia",2,0.1); drawOval(450,265,120,50,"fuchsia",2,0.1); drawOval(450,268,120,50,"fuchsia",2,0.1); drawOval(450,271,120,50,"fuchsia",2,0.1); drawOval(450,274,120,50,"fuchsia",2,0.1); drawOval(450,277,120,50,"fuchsia",2,0.1); drawOval(450,280,120,50,"fuchsia",2,0.1); drawOval(450,283,120,50,"fuchsia",2,0.1); drawOval(450,286,120,50,"fuchsia",2,0.1); drawOval(450,289,120,50,"fuchsia",2,0.1); drawOval(450,292,120,50,"fuchsia",2,0.1); drawOval(450,295,120,50,"fuchsia",2,0.1); drawOval(450,298,120,50,"fuchsia",2,0.1); drawOval(450,301,120,50,"fuchsia",2,0.1); drawOval(450,304,120,50,"fuchsia",2,0.1); drawOval(450,307,120,50,"fuchsia",2,0.1); drawOval(450,310,120,50,"fuchsia",2,0.1); drawOval(450,313,120,50,"fuchsia",2,0.1); drawOval(450,316,120,50,"fuchsia",2,0.1); drawOval(450,319,120,50,"fuchsia",2,0.1); drawOval(450,322,120,50,"fuchsia",2,0.1); drawOval(450,329,120,50,"fuchsia",4,0.1); </script> <div style="position:absolute;top:220;left:297pt;font-size:31pt;color:fuchsia" id=a>*</div> <div style="position:absolute;top:220;left:359pt;font-size:31pt;color:fuchsia" id=b>*</div> <div style="position:absolute;top:310;left:310pt;font-size:31pt;color:fuchsia" id=c>*</div> <div style="position:absolute;top:310;left:373pt;font-size:31pt;color:fuchsia" id=d>*</div> <div style="position:absolute;top:290;left:257pt;font-size:31pt;color:fuchsia" id=e>*</div> <div style="position:absolute;top:270;left:420pt;font-size:31pt;color:fuchsia" id=f>*</div> <div style="position:absolute;top:240;left:250pt;font-size:31pt;color:fuchsia" id=g>*</div> <div style="position:absolute;top:230;left:400pt;font-size:31pt;color:fuchsia" id=h>*</div> <div id=freq style="position:absolute;top:10pt;left:50pt;width:100pt;height:130pt;font-size:80pt;color:skyblue;filter:alpha(opacity=80) blur(add=true,direction=135,strength=25)"> <i>风铃</i> </div> <table bgcolor style="position:absolute;top:320pt;left:225pt;width:230pt;height:12pt;color:white"> <tr><td align=center><div id=auto style="color:fuchsia;font-size:15pt;font-style:italic"></div></td></tr> </table> <script> var max=0; function textlist() { max=textlist.arguments.length; for(var i=0;i<max;i++) this[i]=textlist.arguments[i]; } tl=new textlist("HAPPY NEW YEAR","HAPPY EVERYDAY","WISH YOU NICE","WISH YOU HAPPY") var x=0; var pos=0; var l=tl[x].length; function autodis() { auto.innerText=tl[x].substring(0,pos) if(pos++==l) { pos=0 setTimeout("autodis()",1000) x++ if(x==max) x=0 } else setTimeout("autodis()",90) } autodis() </script> <script> var delay=0; function blinker() { for(n=5;n>0;n--) { delay+=200; setTimeout("document.bgColor='blue'",delay) delay+=200 setTimeout("document.bgColor='white'",delay) } } blinker() </script> <script> function colorit(obj) { re="rgb("+Math.round(Math.random()*256)+","+Math.round(Math.random()*256)+","+Math.round(Math.random()*256)+")"; obj.style.color=re; } setInterval("colorit(a)",90) setInterval("colorit(b)",90) setInterval("colorit(c)",90) setInterval("colorit(d)",90) setInterval("colorit(e)",90) setInterval("colorit(f)",90) setInterval("colorit(g)",90) setInterval("colorit(h)",90) </script> <table width=40 height=400 style="position:absolute;top:30pt;left:500pt;color:green"> <tr><td>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$<br>$</td></tr> </table>