破解天下论坛's Archiver

wumingxiaozu 发表于 2010-7-10 20:34

js左右不间断的滚动源码

[code]<div id="demo" style="overflow:hidden;width:670px;color:#ffffff;">
       <table cellpadding="0" cellspacing="0" border="0">
         <tr><td id="demo1" valign="top" align="center">
           <table cellpadding="2" cellspacing="0" border="0">
             <tr align="center">
                           <td><img src="http://www.haao.cn/logo.gif" width="88"></td>
               <td><img src="http://www.haao.cn/logo.gif" width="88"></td>
<td><img src="http://www.haao.cn/logo.gif" width="88"></td>
<td><img src="http://www.haao.cn/logo.gif" width="88"></td>
                           <td><img src="http://www.haao.cn/logo.gif" width="88"></td>
                           <td><img src="http://www.haao.cn/logo.gif" width="88"></td>
<td><img src="http://www.haao.cn/logo.gif" width="88"></td>
<td><img src="http://www.haao.cn/logo.gif" width="88"></td>
               <td><img src="http://www.haao.cn/logo.gif" width="88"></td>
             </tr>
           </table>
         </td>
         <td id="demo2" valign="top"></td>
         </tr>
       </table>
     </div>
   <script>
   var speed=1//速度数值越大速度越慢
   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>[/code]

页: [1]

Powered by Discuz! Archiver 7.0.0  © 2001-2009 Comsenz Inc.