JS实现单行文字不间断向上滚动的方法(2)

时间: 作者:事总

  values.liNums=controls.rollWrapLIs.length;  
  values.liHeight=controls.rollWrapLIs.eq(0).height();  
  values.ulHeight=controls.rollWrap.height();  
  this.init=function(){  
  autoPlay();  
  pausePlay();  
  }  
  /*滚动*/  
  function play(){  
  controls.rollWrapUl.animate({"margin-top" : "-"+values.liHeight}, t1, function(){  
  $(this).css("margin-top" , "0").children().eq(0).appendTo($(this));  
  });  
  }  
  /*自动滚动*/  
  function autoPlay(){  
  /*如果所有li标签的高度和大于.roll-wrap的高度则滚动*/  
金洋娱乐注册  if(values.liHeight*values.liNums > values.ulHeight){  
  si=setInterval(function(){  
  play();  
  },t2);  
  }  
  }  
  /*鼠标经过ul时暂停滚动*/  
  function pausePlay(){  
  controls.rollWrapUl.on({  
  "mouseenter":function(){  
  clearInterval(si);  
  },  
  "mouseleave":function(){  
  autoPlay();  
  }  
  });  
  }  
  }  
  new scrollTxt().init();
  

  

希望本文所述对大家的javascript程序设计有所帮助。

  

(责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | 关于我们 | 新闻资讯 | 联系方式

Copyright © 2018-2019 金洋娱乐平台 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 金洋娱乐平台