电脑医院 - 连续滚动图片，中间无空白

新用户注册
新建讨论版

您的位置: 论坛首页 > 通讯 IT > 电脑硬件 > 电脑医院 > 看帖

域名：http://d257166.jiangning.com.cn

连续滚动图片，中间无空白

搜索　

本版　

后退

ID:9

楼主: 南京么么茶　发表时间:2008-11-5 9:55:53 　

第1楼

以下是引用片段：
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td align="center">

     <div id=demo style='overflow:hidden;height:110px;width:750px;'>
     <table height=110 border=0 cellspacing=0 cellpadding=0><tr valign=middle><td id=demo1><table width=780 border=0 align=center cellpadding=0 cellspacing=0><tr><td class=imgbj>

     <a href=../home/view.asp?articleid=410 target='_blank'><img border=0 src=http://www.gznqx.com/images/index_57.jpg width=100 height=70 alt=''></a></td>

     <td width=10></td><td class=imgbj><a href=../home/view.asp?articleid=409 target='_blank'><img border=0 src=http://www.gznqx.com/images/index_57.jpg width=100 height=70 alt=''></a></td>

     <td width=10></td><td class=imgbj><a href=../home/view.asp?articleid=407 target='_blank'><img border=0 src=http://www.gznqx.com/images/index_57.jpg width=100 height=70 alt='文章标题'></a></td>

     <td width=10></td><td class=imgbj><a href=../home/view.asp?articleid=394 target='_blank'><img border=0 src=http://www.gznqx.com/images/index_57.jpg width=100 height=70 alt='文章标题：最牛交通工具<br>添　　加：<br>更新时间：2004年10月9日'></a></td><td width=10></td>

     <td class=imgbj><a href=../home/view.asp?articleid=381 target='_blank'><img border=0 src=http://www.gznqx.com/images/index_57.jpg width=100 height=70 alt='文章标题：经典动物幽默图集<br>添　　加：<br>更新时间：2004年10月7日'></a></td>

     <td width=10></td><td class=imgbj><a href=../home/view.asp?articleid=377 target='_blank'><img border=0 src=http://www.gznqx.com/images/index_57.jpg width=100 height=70 alt='文章标题：新化二中<br>添　　加：<br>更新时间：2004年10月7日'></a></td><td width=10></td>

     </tr></table> </td><td id=demo2></td></tr></table>
     </div>

<script>
   var speed=15
   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>
</td>
</tr>
</table>

别单纯的MARQUEE要好看很多哦