网页特效 图片加载进度实时显示 dn001 2009-06-21 08:27:03 <!--把下面代码加到<body>区域中--> <script language="JavaScript1.2"> var delay=3000 //set delay between message change (in miliseconds) var fcontent=new Array() begintag='<font face="Arial" size=2>' //set opening tag, such as font declarations fcontent[0]="<b>What's new?</b><br>New scripts added to the Scroller category!<br><br>The MoreZone has been updated" fcontent[1]="Dynamic Drive has been featured on Jars as a top 5% resource, and About.com as a recommended DHTML destination" fcontent[2]="Ok, enough with these pointless messages. You get the idea behind this script." closetag='</font>' var fwidth=150 //set scroller width var fheight=150 //set scroller height ///No need to edit below this line///////////////// var ie4=document.all&&!document.getElementById var ns4=document.layers var DOM2=document.getElementById var faderdelay=0 var index=0 if (DOM2) faderdelay=2000 //function to change content function changecontent(){ if (index>=fcontent.length) index=0 if (DOM2){ document.getElementById("fscroller").style.color="rgb(255,255,255)" document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag colorfade() } else if (ie4) document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag else if (ns4){ document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag) document.fscrollerns.document.fscrollerns_sub.document.close() } index++ setTimeout("changecontent()",delay+faderdelay) } // colorfade() partially by Marcio Galli for Netscape Communications. //////////// frame=20; hex=255 // Initial color value. function colorfade() { // 20 frames fading process if(frame>0) { hex-=12; // increase color value document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")"; // Set color value. frame--; setTimeout("colorfade()",20); } else{ document.getElementById("fscroller").style.color="rgb(0,0,0)"; frame=20; hex=255 } } if (ie4||DOM2) document.write('<div id="fscroller" style="border:1px solid black;width:'+fwidth+';height:'+fheight+';padding:2px"></div>') window.onload=changecontent </script> <ilayer id="fscrollerns" width=&{ fwidth}; height=&{ fheight};><layer id="fscrollerns_sub" width=&{ fwidth}; height=&{ fheight}; left=0 top=0></layer></ilayer>