不间断滚动图片代码

<!--滚动图片 开始 -->
   <table width=730 border=0 align="center" cellpadding=0 cellspacing=0>                                                                                                         
    <tr>
    <td>                                                                                                                                                                                        
      <div id=demo style="overflow:hidden;height:100px;width:730px;color:#666666">
       <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/adv/fj001.jpg" width=86 height=86 border="0"></a><br>
           <center>说明一</center></td>
          <td width="6">&nbsp;</td>
          <td><a href=# target=_blank><img src="images/adv/fj002.jpg" width=86 height=86  border="0"></a><br>
           <center>说明二</center></td>
          <td width="6">&nbsp;</td>
          <td><a href=# target=_blank><img src="images/adv/fj003.jpg" width=86 height=86  border="0"></a><br>
           <center>说明三</center></td>
         <td width=6>&nbsp;</td>
          <td><a href=# target=_blank><img src="images/adv/fj004.jpg" width=86 height=86 border="0"></a><br>
           <center>说明四</center></td>
          <td width=6>&nbsp;</td>
          <td><a href=# target=_blank><img src="images/adv/fj005.jpg" width=86 height=86 border="0"></a><br>
           <center>说明五</center></td>
         <td width=6>&nbsp;</td>
         <td><a href=# target=_blank><img src="images/adv/fj006.jpg" width=86 height=86 border="0"></a><br>
           <center>说明六</center></td>
         <td width=6>&nbsp;</td>
         <td><a href=# target=_blank><img src="images/adv/fj007.jpg" width=86 height=86 border="0"></a><br>
           <center>说明七</center></td>
         <td width=6>&nbsp;</td>
         <td><a href=# target=_blank><img src="images/adv/fj008.jpg" width=86 height=86 border="0"></a><br>
           <center>说明八</center></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>
   <!--滚动图片 结束 -->
posted @ 2007-01-11 15:55    阅读(1459)  评论(1编辑  收藏  举报