用javascript可以实现图片的连续移动,而且不会留空白,但是图片大小,怎么设置呢?我在<img  >中用了width ,height设置了之后,移动效果就没有了,如果去掉后可以移动,但是图片又太大,感觉好难看!有高手知道的,指点下!

解决方案 »

  1.   

    代码如下 :<div id=demo style=overflow:hidden;height:33;width:500;background:#214984;color:#ffffff> 
    <table align=left cellpadding=0 cellspace=0 border=0> 
    <tr> 
    <td id=demo1 valign=top>
    <table>
    <tr>
    <td><img src="shopimage/0006.jpg" ></td>
    <td><img src="shopimage/0006.jpg" ></td>
    <td><img src="shopimage/0006.jpg" ></td>
    <td><img src="shopimage/0006.jpg" ></td>
    <td><img src="shopimage/0006.jpg" ></td>
    <td><img src="shopimage/0006.jpg" ></td> 
    </tr>
    </table>
    </td> 
    <td id=demo2 valign=top></td> 
    </tr> 
    </table> 
    </div> <SCRIPT>
    var speed=15   
    demo2.innerHTML=demo1.innerHTML
    function Marquee(){
    if(demo2.offsetWidth-demo.scrollLeft<=0)
    demo.scrollLeft-=demo1.offsetWidth
    else{
    demo.scrollLeft++
    }
    }
    var MyMar=setInterval(Marquee,speed)
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    </SCRIPT>
      

  2.   

    你说的不动我还没遇到过
    我之前也是在img里设置的
    不会出现你那种不动的效果,用这个代码如果图片少了是不会动的我想可能是你的div宽度不够滚动的长度,你可以适当的把div也缩小一下,也可以
    图片的大小在 写个样式表
    把所有的img的大小固定住
      

  3.   

    try:
    <img>的width 的总和>>
    <div id=demo >的width 
      

  4.   

    即:
    <img>的width > 85(px)
      

  5.   

    补充:未考虑<img>的实际间隙
      

  6.   

    终于搞懂了,要使图片移动,必须要使所有图片宽度之和大于<div>的宽度才行,所以说图片要多点才能看出效果,还有一个问题就是图片移动的速度好慢呀,在网上看只要speed的值越大,图片移动的速度就会越快,可是改了到1000,觉得和10也没什么区别。
      

  7.   

    图片加宽和高应该可以啊
    <img src="http://avatar.profile.csdn.net/C/9/0/2_caiying2009.jpg" width="100" height="50">
    是不是其他地方出问题了