图片滚动

最新推荐文章于 2024-06-29 15:18:41 发布

gz2008gz

最新推荐文章于 2024-06-29 15:18:41 发布

阅读量380

点赞数

分类专栏：网页制作文章标签： border class function table div

本文链接：https://blog.csdn.net/gz2008gz/article/details/4314263

版权

网页制作专栏收录该内容

38 篇文章 0 订阅

订阅专栏

20:10:09

2009-07-01

<div id="demo" style="overflow: hidden;height: 111px;width:609px;">
          <TABLE borderColor=#005BA4 height=111 cellSpacing=0 cellPadding=0 width="100%"
align=left border=0>
            <tr>
            <td id="demo1"><table cellPadding=2 cellSpacing=1 borderColor=#005BA4 border=1>
   <tr>
   <td align='center' width='150'><a href='image/01.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/1.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/02.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/2.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/03.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/3.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/04.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/4.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/05.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/5.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/06.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/6.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/07.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/7.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/08.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/8.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/09.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/9.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/010.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/10.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/011.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/11.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/012.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/12.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/013.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/13.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/014.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/14.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/015.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/15.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/016.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/16.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/017.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/17.jpg' class='photo1'></a></td>

          </tr></table></td>
          <td id="demo2"></td>
<script>
var speed=2
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>
    </tr>
</table>
</div>