分享

无缝向左循环代码

 昵称3424876 2010-09-17
<!--无缝向左循环代码开始-->
  <div id="mhmove" style="overflow:hidden;width:596px;margin:0 auto 0;">
    <table width="596px" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="596px" id="mhmove1"><table width="596px" border="0" cellpadding="0" cellspacing="0">
        <tr>

        <td width="166" align="center"><img src="tupian/tupian1/1.jpg" width="166" height="112" border="0" usemap="#Map2" /></td>
          <td width="166" align="center"> <img src="tupian/tupian1/2.jpg" width="166" height="112" border="0" usemap="#Map"/></td>

          <td width="166" align="center"><img src="tupian/tupian1/3.jpg" width="166" height="112" border="0" usemap="#Map3" /></td>
          <td width="166" align="center"><img src="tupian/tupian1/4.jpg" width="166" height="112" border="0" usemap="#Map4"  /></td>
          <td width="172" align="center"><img src="tupian/tupian1/5.jpg" width="166" height="112" border="0" usemap="#Map5"  /></td>
   
    <td width="172" align="center"><img src="tupian/tupian1/6.jpg" width="166" height="112" border="0" usemap="#Map6" /></td>
          <td width="166" align="center"><img src="tupian/tupian1/7.jpg" width="166" height="112" border="0" usemap="#Map2" /></td>
          <td width="166" align="center"> <img src="tupian/tupian1/8.jpg" width="166" height="112" border="0" usemap="#Map"/></td>

          <td width="166" align="center"><img src="tupian/tupian1/9.jpg" width="166" height="112" border="0" usemap="#Map3" /></td>
          <td width="166" align="center"><img src="tupian/tupian1/10.jpg" width="166" height="112" border="0" usemap="#Map4"  /></td>
          <td width="172" align="center"><img src="tupian/tupian1/11.jpg" width="166" height="112" border="0" usemap="#Map5"  /></td>
   
    <td width="172" align="center"><img src="tupian/tupian1/12.jpg" width="166" height="112" border="0" usemap="#Map6" /></td>
               <td width="166" align="center"><img src="tupian/tupian1/13.jpg" width="166" height="112" border="0" usemap="#Map2" /></td>
          <td width="166" align="center"> <img src="tupian/tupian1/14.jpg" width="166" height="112" border="0" usemap="#Map"/></td>

          <td width="166" align="center"><img src="tupian/tupian1/15.jpg" width="166" height="112" border="0" usemap="#Map3" /></td>
          <td width="166" align="center"><img src="tupian/tupian1/16.jpg" width="166" height="112" border="0" usemap="#Map4"  /></td>
          <td width="172" align="center"><img src="tupian/tupian1/17.jpg" width="166" height="112" border="0" usemap="#Map5"  /></td>
   
    <td width="172" align="center"><img src="tupian/tupian1/18.jpg" width="166" height="112" border="0" usemap="#Map6" /></td>
                         <td width="166" align="center"><img src="tupian/tupian1/13.jpg" width="166" height="112" border="0" usemap="#Map2" /></td>
          <td width="166" align="center"> <img src="tupian/tupian1/19.jpg" width="166" height="112" border="0" usemap="#Map"/></td>

          <td width="166" align="center"><img src="tupian/tupian1/20.jpg" width="166" height="112" border="0" usemap="#Map3" /></td>
          <td width="166" align="center"><img src="tupian/tupian1/21.jpg" width="166" height="112" border="0" usemap="#Map4"  /></td>
          <td width="172" align="center"><img src="tupian/tupian1/22.jpg" width="166" height="112" border="0" usemap="#Map5"  /></td>
   
    <td width="172" align="center"><img src="tupian/tupian1/23.jpg" width="166" height="112" border="0" usemap="#Map6" /></td>
          <td width="166" align="center"> <img src="tupian/tupian1/24.jpg" width="166" height="112" border="0" usemap="#Map"/></td>

          <td width="166" align="center"><img src="tupian/tupian1/25.jpg" width="166" height="112" border="0" usemap="#Map3" /></td>
          <td width="166" align="center"><img src="tupian/tupian1/26.jpg" width="166" height="112" border="0" usemap="#Map4"  /></td>
       </tr>
      </table></td>
      <td width="50" id="mhmove2"> </td>
    </tr>
  </table>
  </div>
        <script>
    var speed=40 ;  
    mhmove2.innerHTML=mhmove1.innerHTML;
    function Marquee3(){
     if(mhmove2.offsetWidth-mhmove.scrollLeft<=0)
      mhmove.scrollLeft-=mhmove1.offsetWidth;
     else{
      mhmove.scrollLeft++;
     }
    }
    function Marquee4(){
     if(mhmove2.offsetHeight-mhmove.scrollTop<=0)
      mhmove.scrollTop-=mhmove1.offsetHeight;
     else{
      mhmove.scrollTop++;
     }
    }
    var MyMar2=setInterval(Marquee3,speed);
    mhmove.onmouseover=function() {clearInterval(MyMar2)}
    mhmove.onmouseout=function() {MyMar2=setInterval(Marquee3,speed)}
   </script>
<!--无缝循环代码结束-->

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约