js 停顿一秒_[js样式效果]具有停顿效果上下滚动方式

}li{height:22px;line-height:22px;font-size:12px;

}

1-11-21-31-4

//document.getElementById()的最简化应用

function$(element){if(arguments.length>1){for(vari=0,length=arguments.length,elements=[];i

elements.push($(arguments[i]));

}returnelements;

}if(typeofelement=="string"){returndocument.getElementById(element);

}else{returnelement;

}

}//类创建函数

varClass={

create:function(){return function(){this.initialize.apply(this,arguments);

}

}

}//对象属性方法扩展

Function.prototype.bind=function(object){varmethod=this;return function(){

method.apply(object,arguments);

}

}varScroll=Class.create();

Scroll.prototype={//第一个参数定义要滚动的区域,第二个参数定义每次滚动的高度

initialize:function(element,height,delay,speed){this.element=$(element);this.element.innerHTML+=this.element.innerHTML;this.height=height;this.delay=delay*1000;this.speed=speed;this.maxHeight=this.element.scrollHeight/2;

this.counter=0;this.scroll();this.timer="";this.element.οnmοuseοver=this.stop.bind(this);this.element.οnmοuseοut=function(){this.timer=setTimeout(this.scroll.bind(this),1000);}.bind(this);

},

scroll:function(){if(this.element.scrollTop

}else{this.element.scrollTop=0;this.counter=0;

}if(this.counter

}else{this.counter=0;this.timer=setTimeout(this.scroll.bind(this),this.delay);

}

},

stop:function(){

clearTimeout(this.timer);

}

}newScroll('a',22,2.5,15)