实用的图片横向滚动代码
    您现在的位置: 起创信息 > 技术交流 > 正文
    <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td align="center" valign="bottom"><table width=1000 border=0 align="center" cellpadding=0 cellspacing=0>                                                                                                        
        <tr>
        <td>
          <div id=demo style="overflow:hidden;height:220px;width:800px;color:#fff">
           <table align=left cellpadding=0 cellspace=0 border=0>
            <tr>
            <td id=demo1 valign=top>
             <table border=0 cellpadding=0 cellspacing=0>
             <tr>
            <td><a href=# target=_blank><img src="images/cp.jpg" width="267" height="199" border="0"></a><br>
               <center>说明一</center></td>
              <td width="6">&nbsp;</td>
              <td><a href=# target=_blank><img src="images/cp1.jpg" width="267" height="199" border="0"></a><br>
               <center>说明二</center></td>
              <td width="6">&nbsp;</td>
              <td><a href=# target=_blank><img src="images/cp2.jpg" width="267" height="199" border="0"></a><br>
               <center>说明三</center></td>
             <td width=6>&nbsp;</td>
              <td><a href=# target=_blank><img src="images/cp3.jpg" width="267" height="199" border="0"></a><br>
               <center>说明四</center></td>
              <td width=6>&nbsp;</td>
              <td><a href=# target=_blank><img src="images/cp4.jpg" width="267" height="199" border="0"></a><br>
               <center>说明五</center></td>
             <td width="6">&nbsp;</td>
             </tr>
           </table>
           </td>
           <td id=demo2 valign=top></td>
           </tr>
           </table>
          </div>
         </td>
         </tr>
        </table>
         <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.onmouseover=function() {clearInterval(MyMar)}
         demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
         </script></td>
        </tr>
      </tbody>
    </table>
    您可能感兴趣的文章:
    没有相关文章
    Copyright◎2010-2020 All Resrved 版权所有 台州起创信息技术有限公司 浙ICP备10028405号
    地址:浙江台州椒江君悦大厦A幢602室(星星广场对面) 电话:0576-89066171 
    邮 编:318000 邮箱:qic0303@163.com 网址:http://www.17qic.com