左右循环图片滚动代码

<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.οnmοuseοver=function() {clearInterval(MyMar)}
        demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
            </SCRIPT>              
      </div> 
</td>
    </tr>
  </table>
</Center>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值