js新手求教（图片滚动问题）

刚接触js皮毛，自己尝试自己写了一个滚动代码.cooperation2{width:235px; height:121px; position:relative; overflow:hidden}
#coopWidth2{width:808px; position:absolute; top:0; left:0}
#coopWidth2 p{float:left; width:180px; height:121px; position:relative; border:1px solid #d8d8d8; margin:0 10px}
#coopWidth2 p span{width:180px; line-height:18px; background:#d8d8d8; color:#FFF; text-align:center; position:absolute; bottom:0}
var speed=2;
function coopTab(){
var oDiv=document.getElementById('coopWidth');
oDiv.style.left=oDiv.offsetLeft-speed+'px';
window.setTimeout(coopTab,100);
if(oDiv.offsetLeft==-600){
  oDiv.style.left=0;
}
}
function MyMar(){
var oDiv2=oDiv.childNodes;
oDiv2.onmouseover=function(){clearInterval(coopTab)};
oDiv2.onmouseout=function(){setTimeout(coopTab,speed)};
}
window.onload=coopTab;
<div class="cooperation">
         <div id="coopWidth">
             <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
             <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
             <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
             <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
                <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
             <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
            </div>
        </div>效果是，图片自动滚动，鼠标移到图片上滚动停止，鼠标移出图片滚动继续
可是我这段代码，自动滚动实现了，可是鼠标效果为实现
调试提示说oDiv2未定义，求解！

解决方案 »

  1.   

    cooperation2   
    coopWidth2 在哪儿？
    MyMar()，没有见你调用这个方法
      

  2.   

    function MyMar(){
        var oDiv=document.getElementById('coopWidth');
        var oDiv2=oDiv.childNodes;
        oDiv2.onmouseover=function(){clearInterval(coopTab)};
        oDiv2.onmouseout=function(){setTimeout(coopTab,speed)};
    }oDiv这个变量有生存周期的，在那个函数结束以后就没了，需要重新定义
    或者把它写在两个函数外面
      

  3.   


    <!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>
        <title></title>
        <style type="text/css">
            .cooperation2{width:235px; height:121px; position:relative; overflow:hidden}
    #coopWidth2{width:808px; position:absolute; top:0; left:0}
    #coopWidth2 p{float:left; width:180px; height:121px; position:relative; border:1px solid #d8d8d8; margin:0 10px}
    #coopWidth2 p span{width:180px; line-height:18px; background:#d8d8d8; color:#FFF; text-align:center; position:absolute; bottom:0}
        </style>
    </head>
    <body>
        <div class="cooperation2">
                <div id="coopWidth2">
                    <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
                    <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
                    <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
                    <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
                    <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
                    <p><span>文字</span><img src="temp/cooperation_01.jpg" width="177" height="121" /></p>
                </div>
            </div>
            <script type="text/javascript">
                var speed = 2;
                var tm = null;
                function coopTab() {
                    var oDiv = document.getElementById('coopWidth2');
                    oDiv.style.left = oDiv.offsetLeft - speed + 'px';
                    tm=window.setTimeout(coopTab, 100);
                    if (oDiv.offsetLeft == -600) {
                        oDiv.style.left = 0;
                    }                document.getElementById("coopWidth2").onmouseover = function () { window.clearTimeout(tm); };            }
                document.getElementById("coopWidth2").onmouseout = function () { coopTab(); };
                
               
                window.onload = coopTab;
            </script>
    </body>
    </html>
      

  4.   

    绑定的位置不对，应该在onload绑定时绑定