<table>
<TD height="5" class=text1><img src="images/tip4.gif" width="680" height="3"></TD>
<TR vAlign=top>
<TD height="10" class=text1>精品推荐:</TD>
</TR>
<TR vAlign=top>
<TD height="150" class=text1>
<div id="demo" style="overflow:hidden;width:670px;color:#ffffff;" align="center" onclick=alert(this.scrollWidth)>
<table height="120" border="0" cellpadding="2" cellspacing="0">
<tr align="center">
<td height="93"><img src="goodpic/ZXX-001.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-002.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-004.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-005.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
<td height="93"><img src="goodpic/ZXX-001.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-002.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-004.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-005.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
</tr>
</table>
</tr>
</table>
<script>
var speed=1//速度数值越大速度越慢
function Marquee(){
if(demo.scrollLeft == 744) demo.scrollLeft=0;
demo.scrollLeft++;
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
你的代码的原因可能是图片太少了,再加一个td试试<table>
<TD height="5" class=text1><img src="images/tip4.gif" width="680" height="3"></TD>
<TR vAlign=top>
<TD height="10" class=text1>精品推荐:</TD>
</TR>
<TR vAlign=top>
<TD height="150" class=text1>
<div id="demo" style="overflow:hidden;width:670px;color:#ffffff;" align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="demo1" valign="top" align="center"> <table height="120" border="0" cellpadding="2" cellspacing="0">
<tr align="center">
<td height="93"><img src="goodpic/ZXX-001.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-002.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-004.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-005.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
<td><img src="goodpic/ZXX-006.jpg" width="120" height="120"></td>
</tr>
</table></td>
<td id="demo2" valign="top"></td>
</tr>
</table>
<script>
var speed=1//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</div></TD>
这段代码的首要是总长度要大于可视滚动区域
,你的意思是说我的图片不够多是么?
你用width:600px(5幅图片120x5=600)就不会跳动了,或者加多图片
那位高手知道,也可以告诉下,不甚感激!