无缝滚动效果

分享两个无缝滚动的例子,第一个比较全面,可以设置一下效果,具体大家配置就可以,第二个比较死板

有延迟停留的加载,并且一行一样的滚动

var atea=document.getElementById("box");
var iLiHeight=24;//滚动高度
area.innerHTML+=atea.innerHTML;//重新创建一个滚动替代
var speed=50;
var delay=2000;
var time=null;
function startMove( ){
     atea.scrollTop++;
     time=setInterVal("scrollUp()",speed);
}
function scrollUp(){
     if(area.scrollTop%iLiHeight==0){ //刚好满足一次滚动高度,就停止一下,在滚动
          clearInterVal(time);
          setTimeOut("startMove()",delay);
     }else{
          area.scrollTop++;
          if(area.scrollTop>=area.scrollHeight/2){
               atea.scrollTop=0;
          }
     }
}
setTimeOut("startMove()",2000)



    
    
    
    


  • 1 A really ironic artisan
  • 2 A really ironic artisan
  • 3 A really ironic artisan
  • 4 A really ironic artisan
  • 5 A really ironic artisan
  • 6 A really ironic artisan
  • 7 A really ironic artisan
  • 8 A really ironic artisan
  • 9 A really ironic artisan
  • 10 A really ironic artisan
  • 1 A really ironic artisan
  • 2 A really ironic artisan
  • 3 A really ironic artisan
  • 4 A really ironic artisan
  • 5 A really ironic artisan
  • 6 A really ironic artisan
  • 7 A really ironic artisan
  • 8 A really ironic artisan
  • 9 A really ironic artisan
  • 10 A really ironic artisan

你可能感兴趣的:(无缝滚动效果)