你好,游客 登录 注册 搜索
背景:
阅读新闻

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

[日期:2004-12-28] 来源:xmlasp.net  作者:木鸟 [字体: ]

请将首页模板中以下代码

<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>

收藏 推荐 打印 | 录入:木鸟 | 阅读:
相关新闻      
本文评论   查看全部评论 (10)
表情: 表情 姓名: 字数
点评:
       
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
第 10 楼
* 匿名 发表于 2009-4-25 22:18:18
下拉菜单
第 9 楼
* FDSGFDG 发表于 2008-7-10 19:36:54
怎么用啊?
第 8 楼
* xinsishao 发表于 2005-11-6 9:49:16
怎么看不出渐显呀?
第 7 楼
* 发表于 2005-8-13 0:22:22
不滚动??啊
第 6 楼
* dfsdfs 发表于 2005-6-15 11:07:28
不错
热门评论
* 匿名 发表于 2009-4-25 22:18:18
下拉菜单
* FDSGFDG 发表于 2008-7-10 19:36:54
怎么用啊?
* xinsishao 发表于 2005-11-6 9:49:16
怎么看不出渐显呀?
* 发表于 2005-8-13 0:22:22
不滚动??啊
* dfsdfs 发表于 2005-6-15 11:07:28
不错
* 护鸭使者 发表于 2005-4-15 21:14:49
成功
* 佚名 发表于 2005-1-17 17:02:42
能不能把首页菜单改成横排的?
* 过客 发表于 2005-1-11 15:47:05
长了点
* 就行 发表于 2005-1-3 0:43:04
颜色等自己改脚本
* 发表于 2004-12-29 17:41:51
太长了吧