图片滚动

20:10:09

2009-07-01

<div id="demo" style="overflow: hidden;height: 111px;width:609px;">
          <TABLE borderColor=#005BA4 height=111 cellSpacing=0 cellPadding=0 width="100%"
align=left border=0>
            <tr>
            <td id="demo1"><table cellPadding=2 cellSpacing=1 borderColor=#005BA4  border=1>
   <tr>
   <td align='center' width='150'><a href='image/01.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/1.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/02.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/2.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/03.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/3.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/04.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/4.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/05.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/5.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/06.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/6.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/07.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/7.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/08.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/8.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/09.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/9.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/010.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/10.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/011.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/11.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/012.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/12.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/013.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/13.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/014.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/14.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/015.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/15.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/016.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/16.jpg' class='photo1'></a></td>
   <td align='center' width='150'><a href='image/017.jpg' target='_blank'><img width='150'    height='111' border='0' src='image/17.jpg' class='photo1'></a></td>
   
          </tr></table></td>
          <td id="demo2"></td>
<script>                                      
  var speed=2                                      
  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>
    </tr>
  </table>
 </div>