jQuery控制li上下循环滚动插件用法实例(附demo源码下载)

前端之家收集整理的这篇文章主要介绍了jQuery控制li上下循环滚动插件用法实例(附demo源码下载)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了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);

调用方式如下:

test

猜你在找的jQuery相关文章