怎么做出一个象凤凰网首页即时新闻的滚动效果？急急急！！！

是否能用marquee做出象凤凰网首页即时新闻的滚动效果？中间无空白

解决方案 »

  1.   

    <html> 
    <head runat="server"> 
    <title>滚动新闻播报示例</title> 
    <style> 
    div  { font-size: 12px;line-height:18px} 
    </style> 
    </head> 
    <body> 
    <form id="dd">
    <div id="marquees">
      <a href="#">欢迎访问阿里西西网站，</a><br><br />
      
      <a href="#">就在这里我们共同进步 </a><br><br />
      
      <a href="#">阿里西西web开发网站，</a><br><br />
     
      <a href="#">将与您一起创造互联网</a><br><br /></div> <div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>
    <script language="JavaScript" type="text/javascript">
     var marqueesHeight=200;
    stopscroll=false;
    with(marquees){
      style.width=0;
      style.height=marqueesHeight;
      style.overflowX="visible";
      style.overflowY="hidden";
      noWrap=true;
      onmouseover=new Function("stopscroll=true");
      onmouseout=new Function("stopscroll=false");
    }preTop=0; currentTop=0; 
    function init(){
      templayer.innerHTML="";
      while(templayer.offsetHeight<marqueesHeight){
        templayer.innerHTML+=marquees.innerHTML;
      }
      marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
      setInterval("scrollUp()",10);
    }
    document.body.onload=init;
    function scrollUp(){
      if(stopscroll==true) return;
      preTop=marquees.scrollTop;
      marquees.scrollTop+=1;
      if(preTop==marquees.scrollTop){
        marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
        marquees.scrollTop+=1;
      }
    }
    </script></form>
    </body></html>
      

  2.   

    http://download.csdn.net/source/1976389