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

向左滚动的图片特效

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

以下是程序代码

<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 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

向左滚动的图片特效

相关资料更多>

推荐阅读更多>