这段代码运行不了，请帮忙看看


...
 function Marquee(){
   if(document.getElementById('demo2').offsetTop-document.getElementById('demo').scrollTop<=0)//注意lz的代码少个.
       document.getElementById('demo').scrollTop-=document.getElementById('demo1').offsetHeight
   else{
       document.getElementById('demo').scrollTop++
   }
 }...

解决方案 »

  1.   


    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>字幕_上滚</title>
    </head><body>
    <style>
    /*--没有样式不行--*/
    #demo{width:200px;height:240px;overflow :hidden}
    .demo{float:left;height:200px;font-size:12px;line-height:20px;}
    .demo img{width:190px;border:0}
    </style>
    <!--滚动代码-->
    <div id=demo>
        <div id=demo1 class="demo"> 
           <a href="#"><img src="1.png" /><span>案例一</span></a>
           <a href="#"><img src="1.png" /><span>案例二</span></a>
           <a href="#"><img src="1.png" /><span>案例三</span></a>
           <a href="#"><img src="1.png" /><span>案例四</span></a>
           <a href="#"><img src="1.png" /><span>案例五</span></a>
           <a href="#"><img src="1.png" /><span>案例六</span></a>
         </div>
         <div id=demo2 class="demo"></div>
    </div>
    <script lang="javascript" >
    var speed=30;
    var MyMar;
    document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML;
    function Marquee(){
    // if(document.getElementById('demo2')offsetTop-document.getElementById('demo').scrollTop<=0)//err:lost"."
    if(document.getElementById('demo2').offsetTop-document.getElementById('demo').scrollTop<=0)
    document.getElementById('demo').scrollTop-=document.getElementById('demo1').offsetHeight
    else{
    document.getElementById('demo').scrollTop++
    }
    }             
    MyMar =  setInterval(Marquee,speed)
    document.getElementById('demo').onmouseover=function() {clearInterval(MyMar)}
    document.getElementById('demo').onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    </script>
    <!--滚动代码-->
    </body></html>
      

  2.   

    LS的
    .demo{float:left;height:200px;font-size:12px;line-height:20px;}
    可以:
    .demo{height:200px;font-size:12px;line-height:20px;}
      

  3.   

    整理一下<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>字幕_上滚</title>
    </head><body>
    <style>
    #demo{width:200px;height:240px;overflow :hidden}
    .demo{height:200px;font-size:12px;line-height:20px;}
    .demo img{width:190px;border:0}
    </style>
    <!--滚动代码-->
    <div id=demo>
        <div id=demo1 class="demo"> 
           <a href="#"><img src="1.png" /><span>案例一</span></a>
           <a href="#"><img src="1.png" /><span>案例二</span></a>
           <a href="#"><img src="1.png" /><span>案例三</span></a>
           <a href="#"><img src="1.png" /><span>案例四</span></a>
           <a href="#"><img src="1.png" /><span>案例五</span></a>
           <a href="#"><img src="1.png" /><span>案例六</span></a>
         </div>
         <div id=demo2 class="demo"></div>
    </div>
    <script lang="javascript" >
    function $(id){return document.getElementById(id)}
    var speed=30;
    var MyMar;
    var demo=$('demo')
    var demo1=$('demo1')
    var demo2=$('demo2')
    demo2.innerHTML=demo1.innerHTML;
    function Marquee(){
    if(demo2.offsetTop-demo.scrollTop<=0)
    demo.scrollTop-=demo1.offsetHeight
    else{
    demo.scrollTop++
    }
    }             
    MyMar =  setInterval(Marquee,speed)
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    </script>
    <!--滚动代码-->
    </body></html>