多行文本连续向下滚动并自动暂停后再滚动
请求js代码,兼容多种浏览器
Jquery代码更好!最好完整代码,可以直接copy的

解决方案 »

  1.   

    1.在</body>前加入如下代码:<script language=javascript>
    var msg = "标题栏上的跑马灯效果";
    var speed = 500;
    var msgud = " " + msg;
    function titleScroll() {
    if (msgud.length <msg.length) msgud += " - " + msg;
    msgud = msgud.substring(1, msgud.length);
    document.title = msgud.substring(0,msg.length);
    window.setTimeout("titleScroll()",speed);
    }</script>
    2.将<body>改为<body onload="window.setTimeout('titleScroll()',500)">
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <div id="container" style="overflow:hidden;height:60px;width:200px;"> 
    <div id="content"> 
    <ul>
    <li><a href="#">test1</a></li>
    <li><a href="#">test2</a></li>
    <li><a href="#">test3</a></li>
    <li><a href="#">test4</a></li>
    <li><a href="#">test5</a></li>
    <li><a href="#">test6</a></li>
    <li><a href="#">test7</a></li>
    <li><a href="#">test8</a></li>
    </ul>
    </div> 
    <div id="content2"></div> 
    </div> 
    <script type="text/javascript"> 
    var speed=40; 
    var content=document.getElementById("content");
    var content2=document.getElementById("content2");
    var container=document.getElementById("container");
    content2.innerHTML=content.innerHTML; 
    container.scrollTop=container.scrollHeight; 
    function Marquee()

    if(content.offsetTop-container.scrollTop>=0) 
    container.scrollTop+=content2.offsetHeight; 
    else 
    container.scrollTop--; } 
    var scrollcnt=setInterval(Marquee,speed); 
    container.onmouseover=function() {
    clearInterval(scrollcnt);

    container.onmouseout=function() {
    scrollcnt=setInterval(Marquee,speed);

    </script>
    </body>
    </html>