jquery 列表文字滑动插件

(function($){

 

$.fn.myScroll = function(options){

//默认配置

var defaults = {

speed:40,  //滚动速度,值越大速度越慢

rowHeight:24 //每行的高度

};

 

var opts = $.extend({}, defaults, options),intId = [];

 

function marquee(obj, step){

      // alert("hjhj");

obj.find(".scr").animate({

marginTop: '-=1'

},0,function(){

var s = Math.abs(parseInt($(this).css("margin-top")));

if(s >= step){

$(this).find("li").slice(0, 1).appendTo($(this));

$(this).css("margin-top", 0);

}

});

}

 

return this.each(function(i){

var sh = opts["rowHeight"],speed = opts["speed"],_this = $(this);

                       // alert(_this.find("ul").height());

intId[i] = setInterval(function(){

                          

if(_this.find(".scr").height()<=_this.height()){

                                          //alert("fddd")

clearInterval(intId[i]);

}else{

                                      //alert("fddd")

marquee(_this,sh);

}

}, speed);

 

_this.hover(function(){

clearInterval(intId[i]);

},function(){

intId[i] = setInterval(function(){

if(_this.find(".scr").height()<=_this.height()){

clearInterval(intId[i]);

}else{

marquee(_this, sh);

}

}, speed);

});

 

});

 

}

 

})(jQuery);

//前台调用

 

     <script type="text/javascript"> 

          

            $(function() { 

                $(".art-list").myScroll({ 

                    speed:40,

                    rowHeight:40 

                

                });  

                    

               

            }) 

        </script>