首页>>Jquery文字>>js向上滚动消息框(2018-08-03)

js向上滚动消息框

 没有使用js库，非常简单好用

js向上滚动消息框
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script>  
  2.             /*这是启动方式*/  
  3.             /* 
  4.              * demo 父容器(ul)的id 
  5.              * -36px 子元素li的高度 
  6.              * 3000  滚动间隔时间 
  7.              * 每次滚动持续时间可到css文件中修改 
  8.              */  
  9.             myScroll.upScroll("demo","-36px",3000);  
  10.               
  11.             myScroll.upScroll("demo2","-36px",5000);  
  12.               
  13.         </script>  

 

JavaScript Code
  1. function Scroll(){}  
  2. Scroll.prototype.upScroll=function(dom,_h,interval){var dom=document.getElementById(dom);var timer=setTimeout(function(){var _field=dom.firstElementChild;_field.style.marginTop=_h;clearTimeout(timer);},1000)  
  3. setInterval(function(){var _field=dom.firstElementChild;_field.style.marginTop="0px";dom.appendChild(_field);var _field=dom.firstElementChild  
  4. _field.style.marginTop=_h;},interval)}  
  5. var myScroll=new Scroll();  

 


原文地址:http://www.freejs.net/article_jquerywenzi_660.html