左右方向滚动的图片代码和<marquee>效果有点不同

最新推荐文章于 2021-06-05 07:51:41 发布

tgw2000

最新推荐文章于 2021-06-05 07:51:41 发布

阅读量447

点赞数

分类专栏：建站技术

本文链接：https://blog.csdn.net/tgw2000/article/details/42920303

版权

建站技术专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<div id=demo style="OVERFLOW: hidden; WIDTH: 590px; COLOR: #cccccc; HEIGHT: 160px">
<table border=0 align=left cellpadding=0 cellspacing="0" cellspace="0">
    <tr>
      <td id=demo1 valign=top><table width="590" height="160" border="0" cellpadding="0" cellspacing="0" class="font1">
        <tr>
          <td align="center" class="font"><a href="tu.asp?id=265"><img src="images/cp11.jpg" width="145" height="127" border="0" /></a>
            硫酸软骨素</td>
          <td width="30"> </td>
          <td align="center" class="font"><a href="tu.asp?id=266"><img src="images/cp12.jpg" width="125" height="125" border="0" /></a>
            水解动物蛋白</td>
          <td> </td>
          <td align="center" class="font"><a href="tu.asp?id=268"><img src="images/cp13.jpg" width="132" height="120" border="0" /></a>
            高钙粉</td>
          <td> </td>
          <td align="center" class="font"><a href="tu.asp?id=270"><img src="images/cp14.jpg" width="141" height="127" border="0" /></a>
            蛋白胨</td>
          <td> </td>
          </tr>
      </table></td>
      <td id=demo2 valign=top></td>
    </tr>
</table>
</div>
<SCRIPT>
var speed=20
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>