js实现不间断滚动

js实现不间断滚动，放有静态页面里是正常的。但放在ASPX页面里就不行了。去掉头部的代码就正常

解决方案 »

  1.   

    那是因为你的JavaScript不符合W3C标准
      

  2.   

    那是因为你的JavaScript不符合W3C标准 可能是这个情况
      

  3.   

    <div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1><img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg"> <img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">
     <img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">
     <img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg"><img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">
     <img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">
     <img src="http://www.showweb.cn/uploadfile/200901/3/143733017.jpg">
    </div><div id=demo2></div></div>   <script>   var speed=50   demo2.innerHTML=demo1.innerHTML   function Marquee(){   if(demo2.offsetTop-demo.scrollTop<=0)   demo.scrollTop-=demo1.offsetHeight   else{   demo.scrollTop++   }   }   var MyMar=setInterval(Marquee,speed)   demo.onmouseover=function() {clearInterval(MyMar)}   demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}   </script>怎么样让他符合W3C标准呢.
      

  4.   

    html代码中顶部的<doctype...>去掉试试看。
      

  5.   

    把demo,demo1,demo2改成
    document.getElementById('demo')
    document.getElementById('demo1')
    document.getElementById('demo2')
      

  6.   

    好象不行啊.把demo,demo1,demo2改成 
    document.getElementById('demo') 
    document.getElementById('demo1') 
    document.getElementById('demo2')
      

  7.   

    <script> 
    function $(id){return document.getElementById(id);}
    var speed=50 
    $("demo2").innerHTML=$("demo1").innerHTML;
    function Marquee()
    { 
    if($("demo2").offsetTop-$("demo").scrollTop <=0) 
    $("demo").scrollTop-=$("demo1").offsetHeight;
    else
    $("demo").scrollTop++
    } 
    var MyMar=setInterval(Marquee,speed) 
    $("demo").onmouseover=function() {clearInterval(MyMar)} 
    $("demo").onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
    </script> 
      

  8.   

    就是把<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">去掉就行了
      

  9.   

    看看这个：
    http://blog.bossma.cn/javascript/javascript-flexible-scroll-words-or-images/这个程序可以自己设置水平（左右）、垂直（上下）滚动，设置滚动时间间隔和每次滚动距离，并且兼容多种浏览器，原理和前边几位的一样，做了下封装。用起来也很方便：
    <html>
    <head>
    <title>图片向左滚动</title>
    <script type="text/javascript" src="bossma-jscroll.js"></script>
    <script type="text/javascript">
    window.onload=function(){
    //参数依次为：滚动方向，滚动速度，容器ID，容器宽度，容器高度，滚动内容宽度，滚动内容高度，滚动步长
    var scroll =new JScroll("left",30,"content",558,165,1674,165,1);
    scroll.Start();
    };
    </script>
    </head>
    <body>
    <div id="title" style="width:100%;height:40px;">图片向左滚动</div>
    <div id="content">
    <!--
    滚动元素内部的水平排列需要自己来写，不要写到容器div（比如这里的id:content）的样式中。
    -->
    <div style="float:left"><img src="images/1.png" /></div>
    <div style="float:left"><img src="images/2.png" /></div>
    <div style="float:left"><img src="images/3.png" /></div>
    </div>
    <div id="foot"></div>
    </body>
    </html>