向左滚动的图片特效-JS特效-爱易网页

向左滚动的图片特效

日期：2014-05-18　浏览次数：20189 次

以下是程序代码

<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.aiyiweb.com/images/link.gif" width="88" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></td> 
              <td><img src="http://www.aiyiweb.com/images/link.gif" width="88" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></td> 
              <td><img src="http://www.aiyiweb.com/images/link.gif" width="88" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></td> 
              <td><img src="http://www.aiyiweb.com/images/link.gif" width="88" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></td> 
              <td><img src="http://www.aiyiweb.com/images/link.gif" width="88" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></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>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]