Question

图片首尾相接左右循环滚动代码

21张高宽的图片,鼠标经过停止

Answer 1

<Center>
<table width="1024" border="0">
<tr>

<td height="200">
<DIV id=demo style="OVERFLOW: hidden; WIDTH:1024px; HEIGHT: 250px" align="center">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="250"><img src="images/book/book1.jpg" width="150" height="200"></td>
<td width="250"><img src="images/book/book2.jpg" width="150" height="200"></td>
<td width="250"><img src="images/book/book3.jpg" width="150" height="200"></td>
<td width="250"><img src="images/book/book4.jpg" width="150" height="200"></td>
<td width="250"><img src="images/book/lingdao.jpg" width="150" height="200"></td>
<td width="250"><img src="images/book/shiya.jpg" width="150" height="200"></td>
<td width="250"><img src="images/book/leshi.jpg" width="150" height="200"></td>
<td width="250"><img src="images/book/hei.jpg" width="150" height="200"></td>
<td width="250"><img src="images/book/riben.jpg" width="150" height="200"></td>
<td width="250"><img src="images/book/xiaoyoushang.jpg" width="150" height="200"></td>
<td width="250"><img src="images/book/siwei.jpg" width="150" height="200"></td>
</tr>

<tr>
<td width="250" align="center">文字标签</td>
<td width="250" align="center">文字标签</td>
<td width="250" align="center">文字标签</td>
<td width="250" align="center">文字标签</td>
<td width="250" align="center">文字标签</td>
<td width="250" align="center">文字标签</td>
<td width="250" align="center">文字标签</td>
<td width="250" align="center">文字标签</td>
<td width="250" align="center">文字标签</td>
<td width="250" align="center">文字标签</td>
<td width="250" align="center">文字标签</td>
</tr>

</table>

</TD>

<TD id=demo2 vAlign=top></TD></TR></TBODY>

</TABLE>
</DIV>
<div align="center">
<SCRIPT>
var speed=1
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>
</div>
</td>
</tr>
</table>
</Center>

Answer 2

没人要分？？？？？？？？？？？？？