求段精简（最好有注释说明的）的图片连续滚动的js代码

求段精简（最好有注释说明的）的图片连续滚动的js代码

解决方案 »

  1.   


    <html>
    <head>
    <title>move</title>
    <style type="text/css">
    body {
        margin:0;
        padding:0;
    }
    ul,ol {
        margin:0;
        padding:0;
    }
    td div{
        width:150px;
        height:170px;
        border:solid 1px #060;
    }
    </style>
    </head>
    <body>
    <div style="border:solid 1px #06c;height:200px;width:90%;overflow:hidden" id="inner">
        <table onmouseover="right()" onmouseout="out()">
    <tr>
    <td><div>a</div></td>
    <td><div>b</div></td>
    <td><div>c</div></td>
    <td><div>d</div></td>
    <td><div>e</div></td>
    <td><div>f</div></td>
    <td><div>g</div></td>
    <td><div>h</div></td>
    <td><div>i</div></td>
    <td><div>j</div></td>
    <td><div>k</div></td>
    <td><div>l</div></td>
    <td><div>m</div></td>
    <td><div>n</div></td>
    <td><div>o</div></td>
    </tr>
    </table>
    </div>
    </body>
    <script type="text/javascript">    var d=document.getElementById("inner");
    var left=function(obj) {
        //alert(d.scrollLeft);
        d.scrollLeft-=156;
        leftrun()
    }
    var e=0;
    var lefttm;
    var righttm;
    var right=function(obj) {
    //    d.scrollLeft+=156;
        e=d.scrollLeft+d.style.width
        rightrun()
    }var rightrun = function(){
        clearTimeout(lefttm);
        if(d.scrollLeft>=e){d.scrollLeft=e;return;}
        d.scrollLeft+=2;
        righttm=setTimeout(rightrun,10);
    }
    var leftrun = function(){
        clearTimeout(righttm);
        if(d.scrollLeft<=0){d.scrollLeft=0;return;}
        d.scrollLeft-=2;
        lefttm=setTimeout(leftrun,10);
    }
    function out(){
        if(lefttm) clearTimeout(lefttm);
        if(righttm) clearTimeout(righttm);
    }
    </script>
    </html>
      

  2.   

    2楼的姐姐，您的g.cn是什么意思？
      

  3.   

     用百度谷歌一下-----------------------------------------------------------
    www.bleehome.cn
      

  4.   

    <html>
    <script language="javascript">
    function marqueeImage()
    {
      if(imageDiv.scrollLeft<=0)
      {
        imageDiv.scrollLeft+=imageTd.offsetWidth;
      }
      else
      { 
        imageDiv.scrollLeft--;
      }
    }
    function iniMarqueeImage()
    {
      imageDiv.scrollLeft=imageTd.offsetWidth;
      imageTdTemp.innerHTML=imageTd.innerHTML;
      imageDiv.onmouseover=function(){clearInterval(myTime)}
      imageDiv.onmouseout=function(){myTime=setInterval(marqueeImage,speed)}
    }
    var speed=30;
    var myTime=setInterval(marqueeImage,speed);
    window.onload=iniMarqueeImage;
    </script>
    <body>
    <div id="imageDiv" style="overflow:hidden;height:120px;width:300px;">
      <table border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
          <td id="imageTd"><img src="1.jpg" width="150" height="120"><img src="2.jpg" width="150" height="120"></td>
          <td id="imageTdTemp"></td>
        </tr>
      </table>
    </div>
    </body>
    </html>
      

  5.   

    不好意思，那Q给朋友了，加这个吧QQ：379368435.呵呵