比较好的滚动图片

 <div  id="demo" style="OVERFLOW: hidden; WIDTH: 555px" align="center">
  <table border="0" align="center" cellpadding="0" cellspacing="0" cellspace="0">
   <tbody>
    <tr>
     <td id="demo1" valign="top" style="width: 1px"><table width="600" border="0" cellpadding="0">
      <tbody>
       <tr>
        <td width='100'> <div class='dltdbg' >
    <table width='100%' cellpadding='0' cellspacing='5' border='0' align='center'>
      <tr valign='top'>
      <td align='center'><a class="" href="/Photo/ShowPhoto.asp?PhotoID=6" title="图片名称:感怀岁月 情动校园——记法学院1957级校友返校活动作    者:佚名更新时间:2010-6-3 23:20:09" target="_blank"><img class='pic3' src='/Photo/UploadPhotos/201006/2010060323201612.jpg'  width='220' height='150' border='0'></a><br><a class="" href="/Photo/ShowPhoto.asp?PhotoID=6" title="图片名称:感怀岁月 情动校园——记法学院1957级校友返校活动作    者:佚名更新时间:2010-6-3 23:20:09" target="_blank">感怀岁月 情动校园——记法学院1957级校友返</a></td>
      <td align='center'><a class="" href="/Photo/ShowPhoto.asp?PhotoID=5" title="图片名称:我院1978级校友返校参加人民大学复校30周年庆典活动作    者:佚名更新时间:2010-6-3 23:19:59" target="_blank"><img class='pic3' src='/Photo/UploadPhotos/201006/2010060323200643.jpg'  width='220' height='150' border='0'></a><br><a class="" href="/Photo/ShowPhoto.asp?PhotoID=5" title="图片名称:我院1978级校友返校参加人民大学复校30周年庆典活动作    者:佚名更新时间:2010-6-3 23:19:59" target="_blank">我院1978级校友返校参加人民大学复校30周年</a></td>
      <td align='center'><a class="" href="/Photo/ShowPhoto.asp?PhotoID=4" title="图片名称:情系母校 凝聚力量 共促发展——我院举行2009年校友论坛作    者:佚名更新时间:2010-6-3 23:19:48" target="_blank"><img class='pic3' src='/Photo/UploadPhotos/201006/2010060323195619.jpg'  width='220' height='150' border='0'></a><br><a class="" href="/Photo/ShowPhoto.asp?PhotoID=4" title="图片名称:情系母校 凝聚力量 共促发展——我院举行2009年校友论坛作    者:佚名更新时间:2010-6-3 23:19:48" target="_blank">情系母校 凝聚力量 共促发展——我院举行20</a></td>
      </tr>
      </table>
    </td>
      </tr>
     </tbody>
    </table></td>
   <td id="demo2" valign="top"></td>
  </tr>
 </tbody>
</table>
</div>
<!--.Gpic_A end-->
<script type="text/javascript">
 var Picspeed=25
 demo2.innerHTML=demo1.innerHTML
  function Marquee1(){
   if(demo2.offsetWidth-demo.scrollLeft<=0)
     demo.scrollLeft-=demo1.offsetWidth
  else{
     demo.scrollLeft++
   }
 }
 var MyMar1=setInterval(Marquee1,Picspeed)
 demo.onmouseover=function() {clearInterval(MyMar1)}
 demo.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)}
</script>
  

 

 

posted @ 2012-05-13 23:07  kingj  阅读(158)  评论(0)    收藏  举报