艺海无涯,学无止境。欢迎一起探讨技术和人生,了解我

首尾相接滚动

<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>