求助:图片滚动JS无效。急！！！！！！

<!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>
<style type="text/css">
.scroll_div {
    width:814px;
    height:146px;
    margin:-40px auto 20px 68px;
    _margin:-40px auto 20px 65px;
    overflow: hidden;
    white-space: nowrap;
}
.scroll_div img {
width:120px;
height:146px;
margin: auto 15px;
border:1px #CECED0 solid;
}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li {
    display:inline;
}/*设置ul和li横排*/</style><script type="text/javascript">          window.onload = function ScrollImgLeft() {
                var speed = 20;
                var scroll_begin = document.getElementById("scroll_begin");
                var scroll_end = document.getElementById("scroll_end");
                var scroll_div = document.getElementById("scroll_div");
                scroll_end.innerHTML = scroll_begin.innerHTML;
                function Marquee() {
                    if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0)
                        scroll_div.scrollLeft -= scroll_begin.offsetWidth;
                    else
                        scroll_div.scrollLeft++;
                }
                var MyMar = setInterval(Marquee, speed);
                scroll_div.onmouseover = function() { clearInterval(MyMar); }
                scroll_div.onmouseout = function() { MyMar = setInterval(Marquee, speed); }
            }</script>
</head>

<body>
<div id="scroll_div">
            <div id="scroll_begin">
             <ul>                               <li>
                    
                    <a target='_blank' href='../mall/ItemDetail.aspx?IID=106405'
                        title='zdtht'>
                        <img src='/upfiles/ItemThumb/2010-06/s_2009091111092709miang.JPG' alt='zdtht'
                            border="0"></a>
                </li>
            
                <li>
                    
                    <a target='_blank' href='../mall/ItemDetail.aspx?IID=106404'
                        title='fhetyuc'>
                        <img src='/upfiles/ItemThumb/2010-06/ts_2009042512044826http_imgload.JPG' alt='fhetyuc'
                            border="0"></a>
                </li>
            
                <li>
                    
                    <a target='_blank' href='../mall/ItemDetail.aspx?IID=106403'
                        title='kudgr'>
                        <img src='/upfiles/ItemThumb/2010-06/129_20100506143450_small.JPG' alt='kudgr'
                            border="0"></a>
                </li>
            
                <li>
                    
                    <a target='_blank' href='../mall/ItemDetail.aspx?IID=106402'
                        title='bdtte'>
                        <img src='/upfiles/ItemThumb/2010-06/tx_2009182403183510IMG_3760.JPG' alt='bdtte'
                            border="0"></a>
                </li>
            
                <li>
                    
                    <a target='_blank' href='../mall/ItemDetail.aspx?IID=106401'
                        title='hgjyjy'>
                        <img src='/upfiles/ItemThumb/2010-06/s_dyfc-image10.jpg_thumb.GIF' alt='hgjyjy'
                            border="0"></a>
                </li>
            
                <li>
                    
                    <a target='_blank' href='../mall/ItemDetail.aspx?IID=106400'
                        title='drgxs'>
                        <img src='/upfiles/ItemThumb/2010-06/ts_20094724034722601.JPG' alt='drgxs'
                            border="0"></a>
                </li>
            
                <li>
                    
                    <a target='_blank' href='../mall/ItemDetail.aspx?IID=106399'
                        title='daddd'>
                        <img src='/upfiles/ItemThumb/2010-06/74_20100506143721263628_normal.JPG' alt='daddd'
                            border="0"></a>
                </li>
            
                <li>
                    
                    <a target='_blank' href='../mall/ItemDetail.aspx?IID=106398'
                        title='www'>
                        <img src='/upfiles/ItemThumb/2010-06/ts_2009452402454593DSC03302-1.JPG' alt='www'
                            border="0"></a>
                </li>
                </ul>
            </div>
            <div id="scroll_end">
            </div>
        </div>
</body>
</html>

解决方案 »

  1.   

    <!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>
    <style type="text/css">
    #scroll_div {
      width:814px;
      height:146px;
      margin:-40px auto 20px 68px;
      _margin:-40px auto 20px 65px;
      overflow: hidden;
      white-space: nowrap;
    }
    #scroll_div img {
    width:120px;
    height:146px;
    margin: auto 15px;
    border:1px #CECED0 solid;
    }
    #scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li {
      display:inline;
    }/*设置ul和li横排*/</style><script type="text/javascript">  window.onload = function ScrollImgLeft() {
      var speed = 20;
      var scroll_begin = document.getElementById("scroll_begin");
      var scroll_end = document.getElementById("scroll_end");
      var scroll_div = document.getElementById("scroll_div");
      scroll_end.innerHTML = scroll_begin.innerHTML;
      function Marquee() {
      if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0)
      scroll_div.scrollLeft -= scroll_begin.offsetWidth;
      else
      scroll_div.scrollLeft++;
      }
      var MyMar = setInterval(Marquee, speed);
      scroll_div.onmouseover = function() { clearInterval(MyMar); }
      scroll_div.onmouseout = function() { MyMar = setInterval(Marquee, speed); }
      }</script>
    </head><body>
    <div id="scroll_div">
      <div id="scroll_begin">
      <ul>     <li>
        
      <a target='_blank' href='../mall/ItemDetail.aspx?IID=106405'
      title='zdtht'>
      <img src='/upfiles/ItemThumb/2010-06/s_2009091111092709miang.JPG' alt='zdtht'
      border="0"></a>
      </li>
        
      <li>
        
      <a target='_blank' href='../mall/ItemDetail.aspx?IID=106404'
      title='fhetyuc'>
      <img src='/upfiles/ItemThumb/2010-06/ts_2009042512044826http_imgload.JPG' alt='fhetyuc'
      border="0"></a>
      </li>
        
      <li>
        
      <a target='_blank' href='../mall/ItemDetail.aspx?IID=106403'
      title='kudgr'>
      <img src='/upfiles/ItemThumb/2010-06/129_20100506143450_small.JPG' alt='kudgr'
      border="0"></a>
      </li>
        
      <li>
        
      <a target='_blank' href='../mall/ItemDetail.aspx?IID=106402'
      title='bdtte'>
      <img src='/upfiles/ItemThumb/2010-06/tx_2009182403183510IMG_3760.JPG' alt='bdtte'
      border="0"></a>
      </li>
        
      <li>
        
      <a target='_blank' href='../mall/ItemDetail.aspx?IID=106401'
      title='hgjyjy'>
      <img src='/upfiles/ItemThumb/2010-06/s_dyfc-image10.jpg_thumb.GIF' alt='hgjyjy'
      border="0"></a>
      </li>
        
      <li>
        
      <a target='_blank' href='../mall/ItemDetail.aspx?IID=106400'
      title='drgxs'>
      <img src='/upfiles/ItemThumb/2010-06/ts_20094724034722601.JPG' alt='drgxs'
      border="0"></a>
      </li>
        
      <li>
        
      <a target='_blank' href='../mall/ItemDetail.aspx?IID=106399'
      title='daddd'>
      <img src='/upfiles/ItemThumb/2010-06/74_20100506143721263628_normal.JPG' alt='daddd'
      border="0"></a>
      </li>
        
      <li>
        
      <a target='_blank' href='../mall/ItemDetail.aspx?IID=106398'
      title='www'>
      <img src='/upfiles/ItemThumb/2010-06/ts_2009452402454593DSC03302-1.JPG' alt='www'
      border="0"></a>
      </li>
      </ul>
      </div>
      <div id="scroll_end">
      </div>
      </div>
    </body>
    </html>
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var arryImage = ['',''];//图片路径
    var count = 0;
    function show() {
    document.all.imagesId.src = arryImage[count];
    document.all.imagesId.style.display = "block";
    count++;
    if (count == 2) {
    count = 0
    }
    setTimeout("show()",100);
    }
    //-->
    </SCRIPT> </HEAD> <BODY onload="show()">
      <img src="" id="imagesId">
     </BODY> 
    </HTML>
      

  3.   

    js有写错么，scroll_div.scrollLeft 老是等于 0
      

  4.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>  <script type="text/javascript">
      window.onload = function ScrollImgLeft() {
      var speed = 20;
      var scroll_div = document.getElementById("scroll_div");
     var lefts ="left";
     var tops = "top";
      function Marquee() {
    var scroll_div_Height = document.body.offsetHeight - scroll_div.offsetHeight;
    var scroll_div_Width = document.body.offsetWidth - scroll_div.offsetWidth;
    if (scroll_div.style.pixelTop <= 0) {
    tops = "down";
    } else if (scroll_div.style.pixelTop >= scroll_div_Height) {
    tops = "top";
    } if (scroll_div.style.pixelLeft < 0) {
    lefts ="right";
    } else if (scroll_div.style.pixelLeft >= scroll_div_Width) {
    lefts ="left";
    } if (lefts == "left") {
    scroll_div.style.pixelLeft -= speed;
    } else {
    scroll_div.style.pixelLeft += speed;
    } if (tops == "top") {
    scroll_div.style.pixelTop -= speed;
    } else {
    scroll_div.style.pixelTop += speed;
    }
    }
    var MyMar = setInterval(Marquee, speed);
    scroll_div.onmouseover = function() { clearInterval(MyMar); }
    scroll_div.onmouseout = function() { MyMar = setInterval(Marquee, speed); }
      }</script> </HEAD> <BODY>
      <div id="scroll_div">
    <div id="scroll_begin"></div>
    <div id="scroll_end"></div>
     </div> </BODY>
    </HTML>
    你div移动要控制外面的一个div
      

  5.   

    function ScrollImgLeft() {
      var speed = 20;
      var scroll_begin = document.getElementById("scroll_begin");
      var scroll_end = document.getElementById("scroll_end");
      var scroll_div = document.getElementById("scroll_div");
      scroll_end.innerHTML = scroll_begin.innerHTML;
      function Marquee() {
      if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0)
      scroll_div.scrollLeft -= scroll_begin.offsetWidth;
      else
      scroll_div.scrollLeft++;
      }
      var MyMar = setInterval(Marquee, speed);
      scroll_div.onmouseover = function() { clearInterval(MyMar); }
      scroll_div.onmouseout = function() { MyMar = setInterval(Marquee, speed); }
      }
    document.onscroll = ScrollImgLeft;//这个是边框滚动条事件
      

  6.   

    lz不肯能啊！~
    我平时都这样写啊！~
    图片随滚动条滚动都调用这个onscroll啊！~
      

  7.   

    我知道啦！~
    在你窗体加载事件里写上这句话
    var left = document.getElementById("").style.pixelLeft;
    你要滚动的div的位置要加载记录下！~
    所以你的scroll_div.scrollLeft 老是等于 0
      

  8.   

    不是已经声明了三个 div 对象了吗
      

  9.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var curLeft = 0;
    function showLoad() {
    curLeft = document.getElementById("advLeft").style.pixelLeft;
    }

    function showMove() {
    document.getElementById("advLeft").style.pixelLeft = curLeft + document.body.scrollLeft;
    }
    window.onscroll = showMove; //-->
    </SCRIPT>
     </HEAD> <BODY onLoad="showLoad()">
      <div id="advLeft" style="position:absolute;z-index:1;">
      <img src="">
      </div>
     gvfgfgggggggggggggggggggggggggggggggggggggggggggfdgv
    fgfgggggggggggggggggggggggggggggggggggggggggggfdgvf
    gfgggggggggggggggggggggggggggggggggggggggggggfdgvfgfgggggggg
    gggggggggggggggggggggggggggggggggggfdgvfgfggggggggggggggggggg
    ggggggggggggggggggggggggfd
     </BODY>
    </HTML>