不间断滚动图片

最新推荐文章于 2021-06-04 03:17:04 发布

zhou00000000

最新推荐文章于 2021-06-04 03:17:04 发布

阅读量467

点赞数

文章标签： function border table div

本文链接：https://blog.csdn.net/zhou00000000/article/details/3488353

版权

<body>
<center>
          
      <div   id="Imagedemo"   style="overflow:hidden;height:126;width:700;color:#ffffff"><table border="0"><tr><td   id="Imagedemo1"   valign="top">
<table   border="0"   cellpadding="0"   cellspacing="0">
<tr>

<td><a   href="#"   target="_blank"><img style="border-color:White;" alt="" src="" width="139"   height="104"/></a><br /><center><b>aaaaaaaaaa</b></center></td>
<td style="width:10px;"></td>
<td><a   href="#"   target="_blank"><img style="border-color:White;" alt="" src=""   width="139"   height="104" /></a><br /><center><b>bbbbbbbbbb</b></center></td>
<td style="width:10px;"></td>
<td><a   href="#"   target="_blank"><img style="border-color:White;" alt=""   src=""   width="139"   height="104" /></a><br /><center><b>cccccccccc</b></center></td>
<td style="width:10px;"></td>
<td><a   href="#"   target="_blank"><img style="border-color:White;" alt="" src=""   width="139"   height="104" /></a><br /><center><b>ddddddddddd</b></center></td>
<td style="width:10px;"></td>
<td><a   href="#"   target="_blank"><img style="border-color:White;" alt=""   src=""   width="139"   height="104"   /></a><br /><center><b>eeeeeeeeee</b></center></td>
<td style="width:10px;"></td>
<td><a   href="#"   target="_blank"><img style="border-color:White;"   src=""   width="139"   height="104" alt=""   /></a><br /><center><b>ffffffffffff</b></center></td>
<td style="width:10px;"></td>
</tr>
</table>
</td><td   id="Imagedemo2"   valign="top"></td></tr></table></div>
<script type="text/javascript">
var   speed=10//速度数值越大速度越慢
      Imagedemo2.innerHTML=Imagedemo1.innerHTML
      function   Marquee(){
      if(Imagedemo2.offsetWidth-Imagedemo.scrollLeft<=0)
      Imagedemo.scrollLeft-=Imagedemo1.offsetWidth
      else{
      Imagedemo.scrollLeft++
      }
      }
      var   MyMar=setInterval(Marquee,speed)
      Imagedemo.οnmοuseοver=function()   {clearInterval(MyMar)}
      Imagedemo.οnmοuseοut=function()   {MyMar=setInterval(Marquee,speed)}
</script>

<noscript>
</noscript>
</center>
</body>