求一个向左一次滚动一张图片的滚动效果

http://5cexpo.vicp.net:82/
网站案例展示部分目前是向上滚动，一次滚动一张图片，现在客户需要改成向左滚动，一次滚动一张图片，如何修改代码，请教高手帮忙

解决方案 »

  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=gb2312" />
    <title>飞扬青春</title><style type="text/css">
    <!--
    body {
    background-image: url(../images/b1b339dbe77f3677d1164e6f.jpg);
    }
    #Layer1 {
    position:absolute;
    left:0;
    top:0;
    width:706px;
    height:528px;
    z-index:1;
    visibility: hidden;
    }
    #Layer2 {
    position:absolute;
    left:0;
    top:0;
    width:858px;
    height:535px;
    z-index:2;
    visibility: visible;
    }
    -->
    </style></head><body>
    <marquee width="500" height="500" direction="left" hspace="50"><center><img src="../photos/哈哈.jpg" width="320" height="240" /><br />
    <br /><br /><br /><br /><br /><br /><br />
    <img src="../photos/网使用.jpg" width="320" height="240" /><br />
    <br /><br /><br /><br /><br /><br /><br />
    <img src="../photos/吴超.JPG" width="128" height="160"/><br />
    <br /><br /><br /><br /><br /><br /><br />
    <img src="../photos/立业.jpg" width="320" height="240"/><br />
    <br /><br /><br /><br /><br /><br /><br />
    <img  src="../photos/图片3.jpg" width="320" height="240" /><br />
    <br /><br /><br /><br /><br /><br /><br />
    <img src="../photos/张勋.jpg" width="320" height="240" /><br />
    <br /><br /><br /><br /><br /><br /><br />
    <img src="../photos/严冬与.jpg" width="320" height="240" /><br />
    <br /><br /><br /><br /><br /><br /><br />
    <img  src="../photos/朱唇用.jpg" width="320" height="240" />
    </center></marquee>
    <div id="Layer1">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="705" height="526">
        <param name="movie" value="../flash/shuye.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <embed src="../flash/shuye.swf" width="705" height="526" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
      </object>
    </div>
    </body></html>
    -------------------------------------------------------------------
    把direction="up"改为direction="left"就可以了
    <marquee width="500" height="500" direction="left" hspace="50">
      

  2.   

    http://www.codefans.net/jscss/code/1333.shtml
      

  3.   

    sample:
    <div id=div1 style="overflow:hidden;width:200px;height:50px;">
    <table>
       <tr><td id=td1><table>
                 <tr><td id=tdW><img></td>
                     <td><img></td>
                     <td><img></td>
                     <td><img></td>
                     <td><img></td>
                     <td><img></td>
                     <td><img></td></tr>
             </table></td><td id=td2></td>
       </tr>
    </table>
    </div> 
    <input id=txt1>
    <script type="text/javascript">
    var speed=1000;
    var div=document.getElementById("div1");
    var td1=document.getElementById("td1");
    var td2=document.getElementById("td2");
    var tdW=document.getElementById("tdW");
    var mar=setInterval(movePos,speed);td2.innerHTML=td1.innerHTML;
    div.onmouseover=function(){clearInterval(mar);};
    div.onmouseout =function(){mar=setInterval(movePos,speed);};
    div.scrollLeft=tdW.parentNode.offsetLeft
    function movePos(){
       if(div.scrollLeft >= td1.offsetWidth)
          div.scrollLeft=tdW.parentNode.offsetLeft;
       else
          div.scrollLeft+=tdW.offsetWidth+tdW.offsetLeft;
       txt1.value=tdW.offsetWidth+" : "+tdW.offsetLeft+" : "+tdW.parentNode.offsetLeft;
    }
    </script>
      

  4.   

    http://www.popub.net/script/MSClass.html