向上滚动图片效果-JS特效-爱易网页

向上滚动图片效果

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

以下是程序代码

<div id=demo style="OVERFLOW: hidden; WIDTH: 90px; HEIGHT: 100px" background:#214984;color:#ffffff>
<div id=demo1><img height=31 src="http://www.aiyiweb.com/images/link.gif" width=88 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> <img height=31 src="http://www.aiyiweb.com/images/link.gif" width=88 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> <img height=31 src="http://www.aiyiweb.com/images/link.gif" width=88 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> <img height=31 src="http://www.aiyiweb.com/images/link.gif" width=88 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> <img height=31 src="http://www.aiyiweb.com/images/link.gif" width=88 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> <img height=31 src="http://www.aiyiweb.com/images/link.gif" width=88 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> <img height=31 src="http://www.aiyiweb.com/images/link.gif" width=88 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> <img height=31 src="http://www.aiyiweb.com/images/link.gif" width=88 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> <img height=31 src="http://www.aiyiweb.com/images/link.gif" width=88 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> </div>
<div id=demo2></div></div>
<SCRIPT>  
   var speed=30  
   demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2  
   function Marquee(){  
//当滚动至demo1与demo2交界时  
if(demo2.offsetTop-demo.scrollTop<=0)    
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端  
else{  
demo.scrollTop++  
   }  
   }  
   var MyMar=setInterval(Marquee,speed)//设置定时器  
//鼠标移上时清除定时器达到滚动停止的目的  
   demo.onmouseover=function() {clearInterval(MyMar)}  
//鼠标移开时重设定时器  
   demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}  
</SCRIPT>

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

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

向上滚动图片效果

相关资料更多>

推荐阅读更多>