js 图片滚动代码。

html 布局结构

<table width="2200px" id="demoTable" border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 >
   <tr>
      <td valign=top id=marquePic1>
         <table width='100%' border='0' cellspacing='0'>
            <tr>
               <td align=center><a class="zt_wrap"> <img src="${_b}/style/image/web/pic_zt01.jpg" width="165" height="97">
                  <div>正定位于冀中平原正定位于冀中平原</div>
               </a></td>
               <td align=center><a class="zt_wrap"> <img src="${_b}/style/image/web/pic_zt02.jpg" width="165" height="97">
                  <div>正定位于冀中平原正定位于冀中平原</div>
               </a></td>
               <td align=center><a class="zt_wrap"> <img src="${_b}/style/image/web/pic_zt03.jpg" width="165" height="97">
                  <div>正定位于冀中平原正定位于冀中平原</div>
               </a></td>
               <td align=center><a class="zt_wrap"> <img src="${_b}/style/image/web/pic_zt04.jpg" width="165" height="97">
                  <div>正定位于冀中平原正定位于冀中平原</div>
               </a></td>
               <td align=center><a class="zt_wrap"> <img src="${_b}/style/image/web/pic_zt05.jpg" width="165" height="97">
                  <div>正定位于冀中平原正定位于冀中平原</div>
               </a></td>
               <td align=center><a class="zt_wrap" href="./sjshow" target ="_blank"> <img src="${_b}/style/image/web/pic_zt06.jpg" width="165" height="97">
                  <div>正定自贸区展示图正定自贸区展示图</div>
               </a></td>
            </tr>
         </table>
      </td><td id=marquePic2 valign=top></td>
   </tr>
</table>

js 代码:

var marquePic1 = document.getElementById("marquePic1");
var marquePic2 = document.getElementById("marquePic2");
marquePic2.innerHTML=marquePic1.innerHTML;
var numLeft = 0;


function Marqueei(){
    var demoi = document.getElementById("demoi");
   if(numLeft>=marquePic1.scrollWidth){
      numLeft = 0;
        demoi.scrollLeft = 0;
   }else{
      numLeft ++;
      demoi.scrollLeft = numLeft;
   }
}
var MyMari=setInterval(Marqueei,30);
demoi.onmouseover=function() {clearInterval(MyMari)}
demoi.onmouseout=function() {MyMari=setInterval(Marqueei,30)}

结果:

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值