用javascript可以实现图片的连续移动,而且不会留空白,但是图片大小,怎么弄呢? 用javascript可以实现图片的连续移动,而且不会留空白,但是图片大小,怎么设置呢?我在<img >中用了width ,height设置了之后,移动效果就没有了,如果去掉后可以移动,但是图片又太大,感觉好难看!有高手知道的,指点下! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 代码如下 :<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.innerHTMLfunction Marquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++}}var MyMar=setInterval(Marquee,speed)demo.onmouseover=function() {clearInterval(MyMar)}demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}</SCRIPT> 你说的不动我还没遇到过我之前也是在img里设置的不会出现你那种不动的效果,用这个代码如果图片少了是不会动的我想可能是你的div宽度不够滚动的长度,你可以适当的把div也缩小一下,也可以图片的大小在 写个样式表把所有的img的大小固定住 try:<img>的width 的总和>><div id=demo >的width 即:<img>的width > 85(px) 补充:未考虑<img>的实际间隙 终于搞懂了,要使图片移动,必须要使所有图片宽度之和大于<div>的宽度才行,所以说图片要多点才能看出效果,还有一个问题就是图片移动的速度好慢呀,在网上看只要speed的值越大,图片移动的速度就会越快,可是改了到1000,觉得和10也没什么区别。 图片加宽和高应该可以啊<img src="http://avatar.profile.csdn.net/C/9/0/2_caiying2009.jpg" width="100" height="50">是不是其他地方出问题了 shopex 跟jquery不兼容怎么办? 加载大图 这个swf怎么调用图片? ie6设置属性 name ●●如何使用数值处理函数取得指定小数位数的数据? 请高手帮忙还原下此段JS代码。 问一个正则表达式的解法!!!高手求助。谢谢。 各位高手,请教问题! 那位高手指点一下,如何用js将“餐”字转成%B2%CD% 怎么让单选按钮没有选时不能提交? 关于拖动层过程中,使用滚轮的问题 javascript对xml数据库操作
<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>
我之前也是在img里设置的
不会出现你那种不动的效果,用这个代码如果图片少了是不会动的我想可能是你的div宽度不够滚动的长度,你可以适当的把div也缩小一下,也可以
图片的大小在 写个样式表
把所有的img的大小固定住
<img>的width 的总和>>
<div id=demo >的width
<img>的width > 85(px)
<img src="http://avatar.profile.csdn.net/C/9/0/2_caiying2009.jpg" width="100" height="50">
是不是其他地方出问题了