滚动显示图片

   <div id="www_qpsh_com" style="overflow:hidden;height:278px;width:949px; margin-left:50px;">
   <table   cellspacing="0"   cellpadding="0" style="width: 680px; border :0px;">
    <tr>
     <td id="www_qpsh_com1" >
      <table style="border:0px;"  cellpadding="0" cellspacing="0">
       <tr>
        <td><img style="border:0px;" alt ="" src="Image/101.jpg" hspace="10"/></td>
        <td style ="width:30px;"></td>
        <td><img style="border:0px;" alt =""src="Image/102.jpg" hspace="10"/></td>
        <td style ="width:30px;"></td>
        <td><img style="border:0px;"alt ="" src="Image/103.jpg" hspace="10"/></td>
        <td><img style="border:0px;" alt =""src="Image/104.jpg" hspace="10"/></td>
        <td style ="width:30px;"></td>
        <td><img style="border:0px;" alt =""src="Image/105.jpg" hspace="10"/></td>
        <td style ="width:30px;"></td>
        <td><img style="border:0px;" alt =""src="Image/106.jpg"hspace="10"/></td>
        <td style ="width:30px;"></td>
        <td><img style="border:0px;"alt ="" src="Image/107.jpg" hspace="10"/></td>
        <td style ="width:30px;"></td>
        <td><img style="border:0px;"alt ="" src="Image/108.jpg" hspace="10"/></td>
        <td style ="width:30px;"></td>
        <td><img style="border:0px;"alt ="" src="Image/109.jpg" hspace="10"/></td>
        <td style ="width:30px;"></td>
        <td></td>
       </tr>
      </table>
     </td>
     <td id="www_qpsh_com2"></td>
    </tr>
   </table>
  </div>
       <%--<script type="text/javascript" >
           var speed = 50//速度数值越大速度越慢
           document.getElementById("www_qpsh_com2").innerHTML = document.getElementById("www_qpsh_com1").innerHTML;
           function Marquee() {
               if (document.getElementById("www_qpsh_com2").offsetWidth - document.getElementById("www_qpsh_com").scrollLeft <= 0) {
                   document.getElementById("www_qpsh_com").scrollLeft -= document.getElementById("www_qpsh_com1").offsetWidth
               }
               else {
                   document.getElementById("www_qpsh_com").scrollLeft++
               }
           }

           var MyMar = setInterval(Marquee, speed)
           document.getElementById("www_qpsh_com").onmouseover = function() { clearInterval(MyMar) }
           document.getElementById("www_qpsh_com").onmouseout = function() { MyMar = setInterval(Marquee, speed) }
        </script>--%> 

posted on 2011-08-02 12:42  缘来  阅读(175)  评论(0)    收藏  举报

导航