|
javascript--渐变效果 |
|
在<head>中加入以下代码
<style type="text/css"> <!-- A:link {text-decoration:none;color:#ffffff} A:visited{text-decoration:none;color:#ffffff} //--> </style> <SCRIPT LANGUAGE="JavaScript"> <!-- ie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4)) var count=0, count2=0, add1 = 3, add2 = 10, timerID,ti=0,o=0,fo=0 function show() { if (ie4) { count +=add1 count2+=add2 delay=30 if(count2>100) count2=100 if(count>100) { count=100 add1 =-3 add2 =-10 delay =200 } if(count<0) count=0 if(count2<0) { count2=0 add1 =3 add2 =10 delay =200 ti +=1 } if(ti<2){ napis.style.filter="Alpha(Opacity="+count2+",FinishOpacity="+count+",style=0)" timerID=setTimeout("show()",delay); } else{ setTimeout("fade()",1000); } } } function fade(){ if(o<100) o+=3 if(fo<100) { fo+=10 del=30 } if(fo>100){ fo=100 del=350 } napis2.style.filter="Alpha(Opacity="+o+",FinishOpacity="+fo+",style=0)" TimerID=setTimeout("fade()",del) } //--> </SCRIPT> 然后在<body>中加入 <font face=Impact><div id="napis" style="position:absolute;left:450px;top:300px;font-size:15pt; color:#C2C4C4; Filter:Alpha(Opacity=0,FinishOpacity=0,style=0)"> NOWLOADING </div></font> <div id="napis2" style="position:absolute;left:400px;top:280px;font-size:40pt;Filter:Alpha(Opacity=0)"> <A href='http://www.oso.com'><b>Tanalle</b></A> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- setTimeout("show()",10); //--> </SCRIPT> |