本文实例讲述了jQuery控制li上下循环滚动插件用法。分享给大家供大家参考,具体如下:
插件
* @name jquery-scrollQ.js
* @author Q
* @date 2012-03-23
* line 显示li行数
* scrollNum 每次滚动li行数
* scrollTime 滚动速度 单位毫秒
*
*/
(function($){
var status = false;
$.fn.scrollQ = function(options){
var defaults = {
line:4,scrollNum:2,scrollTime:1000
}
var options=jQuery.extend(defaults,options);
var _self = this;
return this.each(function(){
$("li",this).each(function(){
$(this).css("display","none");
})
$("li:lt("+options.line+")","block");
})
function scroll() {
for(i=0;iSEOver",function(){
clearInterval(timer);
});
_self.bind("mouSEOut",function(){
timer = setInterval(scroll,options.scrollTime);
});
});
}
})(jQuery);
调用方式如下: