开启企业建站营销新时代、免费建站平台倡导者  站长学院  高端定制请点这里
热线:13913253836
您现在的位置:首页 > 站长学院 > 建站资讯 > 建站、设计教程 > 滚动

js 图片向上滚动效果代码

作者:eycms 日期:2016/2/16 17:55:55 人气:98

  

<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><div id=demo1><img  src="12460764740.jpg"><img  src="12460764741.jpg"><img  src="12460764742.jpg"><img  src="12460764743.jpg"><img  src="12460764744.jpg"></div>

<div id=demo2></div>

</div>

   <script>

   var speed=50

   demo2.innerHTML=demo1.innerHTML

   function Marquee(){

   if(demo2.offsetTop-demo.scrollTop<=0)

   demo.scrollTop-=demo1.offsetHeight

   else{

   demo.scrollTop++

   }

   }

   var MyMar=setInterval(Marquee,speed)

   demo.onmouseover=function() {clearInterval(MyMar)}

   demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

   </script>

<p><a href="http://www.1XX.cn.net" target="_blank">网页制作教程</a></p></td>

 </tr>

</table>


回到顶部