js

$div.myScroll({speed:60,//数值越大，速度越慢});

html结构

<div><ul><li><p></p></li><li><p></p></li><li><p></p></li></ul></div>

scroll.js

//JavaScriptDocument(function($){$.fn.myScroll=function(options){//默认配置vardefaults={speed:40,//滚动速度,值越大速度越慢};varopts=$.extend({},defaults,options),intId=[];functionmarquee(obj,step){obj.find("ul").animate({marginTop:'-=1'},0,function(){vars=Math.abs(parseInt($(this).css("margin-top")));//20是p元素的浮动，s跟总高+浮动进行对比if(s>=($(this).find("li").slice(0,1).height()+20)){$(this).find("li").slice(0,1).appendTo($(this));$(this).css("margin-top",0);}});}this.each(function(i){varspeed=opts["speed"],_this=$(this);intId[i]=setInterval(function(){if(_this.find("ul").height()<=_this.height()){clearInterval(intId[i]);}else{marquee(_this);}},speed);_this.hover(function(){clearInterval(intId[i]);},function(){intId[i]=setInterval(function(){if(_this.find("ul").height()<=_this.height()){clearInterval(intId[i]);}else{marquee(_this);}},speed);});});}})(jQuery);