首页公告透明渐显滚动代码

<marquee class="bulletin" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="4" width="100%">
<%=GetBulletin("h")%>
</marquee>

 <script type="text/javascript">
 
 /***********************************************
 * Fading Scroller- ?Dynamic Drive DHTML code library (www.dynamicdrive.com)
 * This notice MUST stay intact for legal use
 * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
 ***********************************************/
 
 var delay = 2000; //set delay between message change (in miliseconds)
 var maxsteps=30; // number of steps to take to change from start color to endcolor
 var stepdelay=40; // time in miliseconds of a single step
 //**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
 var startcolor= new Array(200,200,200); // start color (red, green, blue)
 var endcolor=new Array(0,0,0); // end color (red, green, blue)
 
 var fcontent=new Array();
 
 var fcontentStr='<%=GetBulletin("v").Replace("'","\\'")%>';
 var fcontent=fcontentStr.split("<br/>");
 begintag='<div style="font: normal 12px Arial; padding: 5px;">'; //set opening tag, such as font declarations
 closetag='</div>';
 
 var fwidth='100%'; //set scroller width
 var fheight='30px'; //set scroller height
 
 var fadelinks=1;  //should links inside scroller content also fade like text? 0 for no, 1 for yes.
 
 ///No need to edit below this line/////////////////
 
 
 var FDie4=document.all&&!document.getElementById;
 var DOM2=document.getElementById;
 var faderdelay=0;
 var index=0;
 
 
 /*Rafael Raposo edited function*/
 //function to change content
 function changecontent(){
   if (index>=fcontent.length)
     index=0
   if (DOM2){
     document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
     document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
     if (fadelinks)
       linkcolorchange(1);
     colorfade(1, 15);
   }
   else if (FDie4)
     document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
   index++
 }
 
 // colorfade() partially by Marcio Galli for Netscape Communications.  ////////////
 // Modified by Dynamicdrive.com
 
 function linkcolorchange(step){
   var obj=document.getElementById("fscroller").getElementsByTagName("A");
   if (obj.length>0){
     for (i=0;i<obj.length;i++)
       obj[i].style.color=getstepcolor(step);
   }
 }
 
 /*Rafael Raposo edited function*/
 var fadecounter;
 function colorfade(step) {
   if(step<=maxsteps) { 
     document.getElementById("fscroller").style.color=getstepcolor(step);
     if (fadelinks)
       linkcolorchange(step);
     step++;
     fadecounter=setTimeout("colorfade("+step+")",stepdelay);
   }else{
     clearTimeout(fadecounter);
     document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
     setTimeout("changecontent()", delay);
  
   }  
 }
 
 /*Rafael Raposo's new function*/
 function getstepcolor(step) {
   var diff
   var newcolor=new Array(3);
   for(var i=0;i<3;i++) {
     diff = (startcolor[i]-endcolor[i]);
     if(diff > 0) {
       newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
     } else {
       newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
     }
   }
   return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
 }
 
 if (FDie4||DOM2)
   document.write('<div id="fscroller" style="border:0px dotted #DDDDDD;text-align:center;width:'+fwidth+';height:'+fheight+'"></div>');
 
 if (window.addEventListener)
 window.addEventListener("load", changecontent, false)
 else if (window.attachEvent)
 window.attachEvent("onload", changecontent)
 else if (document.getElementById)
 window.onload=changecontent
 
 </script>