为什么这个总是找不到对象?


<head>
<script type="text/javascript">
var speed=30;var layer=document.getElementById("layer");
var layer1=document.getElementById("layer1");
var layer2=document.getElementById("layer2");alert(layer2);
layer2.innerHTML=layer1.innerHTML;//滑动函数
var Marquee=function(){
//当滚动至colee1与colee2交界时
if(layer2.offsetTop-layer.scrollTop<=0){
  leyer.scrollTop-=layer1.offsetHeight;  
}
else{
  layer.scrollTop++;
}
}
</script>
</head>
<body>
<div id="layer" style="overflow:hidden;width:280px;height:180px">
<div id="layer1">
<p><img alt="" src="../../Images/1.jpg" /></p>
<p><img alt="" src="../../Images/2.jpg" /></p>
<p><img alt="" src="../../Images/3.jpg" /></p>
<p><img alt="" src="../../Images/4.jpg" /></p>
<p><img alt="" src="../../Images/5.jpg" /></p>
</div>
<div id="layer2">layer2</div>
</div>
</body>

解决方案 »

  1.   


    <head>
    <script type="text/javascript">
    var speed=30;var layer=document.getElementById("layer");
    var layer1=document.getElementById("layer1");
    var layer2=document.getElementById("layer2");alert(layer2);
    layer2.innerHTML=layer1.innerHTML;//滑动函数
    var Marquee=function(){
    //当滚动至colee1与colee2交界时
    if(layer2.offsetTop-layer.scrollTop<=0){
      leyer.scrollTop-=layer1.offsetHeight;  
    }
    else{
      layer.scrollTop++;
    }
    }
    </script>
    </head>
    <body>
    <div id="layer" style="overflow:hidden;width:280px;height:180px">
    <div id="layer1">
    <p><img alt="" src="../../Images/1.jpg" /></p>
    <p><img alt="" src="../../Images/2.jpg" /></p>
    <p><img alt="" src="../../Images/3.jpg" /></p>
    <p><img alt="" src="../../Images/4.jpg" /></p>
    <p><img alt="" src="../../Images/5.jpg" /></p>
    </div>
    <div id="layer2">layer2</div>
    </div>
    </body>
      

  2.   

    将JS放在HTML代码后面
    <head> </head> 
    <body> 
    <div id="layer" style="overflow:hidden;width:280px;height:180px"> 
    <div id="layer1"> 
    <p> <img alt="" src="../../Images/1.jpg" /> </p> 
    <p> <img alt="" src="../../Images/2.jpg" /> </p> 
    <p> <img alt="" src="../../Images/3.jpg" /> </p> 
    <p> <img alt="" src="../../Images/4.jpg" /> </p> 
    <p> <img alt="" src="../../Images/5.jpg" /> </p> 
    </div> 
    <div id="layer2">layer2 </div> 
    </div> 
    <script type="text/javascript"> 
    var speed=30; var layer=document.getElementById("layer"); 
    var layer1=document.getElementById("layer1"); 
    var layer2=document.getElementById("layer2"); alert(layer2); 
    layer2.innerHTML=layer1.innerHTML; //滑动函数 
    var Marquee=function(){ 
    //当滚动至colee1与colee2交界时 
    if(layer2.offsetTop-layer.scrollTop <=0){ 
      leyer.scrollTop-=layer1.offsetHeight;  
    } 
    else{ 
      layer.scrollTop++; 
    } 
    } 
    </script> 
    </body>
      

  3.   

    LZ的代码好象还差点嘛^_^
    <head> </head> 
    <body> 
    <div id="layer" style="overflow:hidden;width:280px;height:180px"> 
    <div id="layer1"> 
    <p> <img alt="" src="../../Images/1.jpg" /> </p> 
    <p> <img alt="" src="../../Images/2.jpg" /> </p> 
    <p> <img alt="" src="../../Images/3.jpg" /> </p> 
    <p> <img alt="" src="../../Images/4.jpg" /> </p> 
    <p> <img alt="" src="../../Images/5.jpg" /> </p> 
    </div> 
    <div id="layer2">layer2 </div> 
    </div> 
    <script type="text/javascript"> 
    var speed=30; var layer=document.getElementById("layer"); 
    var layer1=document.getElementById("layer1"); 
    var layer2=document.getElementById("layer2"); layer2.innerHTML=layer1.innerHTML; //滑动函数 
    var Marquee=function(){ 
    //当滚动至colee1与colee2交界时 
    if(layer2.offsetTop-layer.scrollTop <=0){ 
      layer.scrollTop-=layer1.offsetHeight;  
    } 
    else{ 
      layer.scrollTop++; 
    } 
    } 
    var MyMar=setInterval(Marquee,speed);
    layer.onmouseover=function() {clearInterval(MyMar);};//鼠标移上时清除定时器达到滚动停止的目的
    layer.onmouseout=function() {MyMar=setInterval(Marquee,speed);};//鼠标移开时重设定时器
    </script> 
    </body>