怎么实现图片不停地向左滚动？

如何实现图片不停地向左滚动？没有按钮的~~~~

解决方案 »

  1.   

    设置图片的position属性  更改left试试
      

  2.   

    代码如下，自己放上图片测试吧
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <style type="text/css">.highslide
    {
     line-height:2em;
      text-decoration:none;

    }
    </style>
    </head>
    <body>
     <div id="jsweb8_cn_right" style="overflow:hidden;width:1000px;">
    <table cellpadding="0" cellspacing="0" border="0">
    <tr>
    <td id="jsweb8_cn_right1" valign="top" align="center">
    <table cellpadding="2" cellspacing="5" border="0">
    <tr align="center">
    <td><a class='highslide' href='001.jpg' ><img width="170" height="125" src='001.jpg' /></a></td>
    <td><a class='highslide' href='002.jpg' ><img width="170" height="125" src='002.jpg' /></a></td>
    <td><a class='highslide' href='003.jpg' ><img width="170" height="125" src='003.jpg' /></a></td>
    <td><a class='highslide' href='004.jpg' ><img width="170" height="125" src='004.jpg' /></a></td>
    <td><a class='highslide' href='005.jpg' ><img width="170" height="125" src='005.jpg' /></a></td>
    <td><a class='highslide' href='006.jpg' ><img width="170" height="125" src='006.jpg' /></a></td>
    <td><a class='highslide' href='007.jpg' ><img width="170" height="125" src='007.jpg' /></a></td>
    <td><a class='highslide' href='008.jpg' ><img width="170" height="125" src='008.jpg' /></a></td>
    <td><a class='highslide' href='009.jpg' ><img width="170" height="125" src='009.jpg' /></a></td>
    <td><a class='highslide' href='010.jpg' ><img width="170" height="125" src='010.jpg' /></a></td>

    </tr>
    </table>
    </td>
    <td id="jsweb8_cn_right2" valign="top"></td>
    </tr>
    </table>
    </div>
    <script type="text/javascript">
    var speed = 30//速度数值越大速度越慢
    var jsweb8_cn_right2 = document.getElementById("jsweb8_cn_right2");
    var jsweb8_cn_right1 = document.getElementById("jsweb8_cn_right1");
    var jsweb8_cn_right = document.getElementById("jsweb8_cn_right");
    jsweb8_cn_right2.innerHTML = jsweb8_cn_right1.innerHTML;
    function Marquee4() {
    if (jsweb8_cn_right.scrollLeft <= 0)
    jsweb8_cn_right.scrollLeft += jsweb8_cn_right2.offsetWidth;
    else {
    jsweb8_cn_right.scrollLeft++;
    }
    }
    var MyMar4 = setInterval(Marquee4, speed);
    jsweb8_cn_right.onmouseover = function () { clearInterval(MyMar4) };
    jsweb8_cn_right.onmouseout = function () { MyMar4 = setInterval(Marquee4, speed) };</script></body>
    </html>