jquery插件之文字间歇自动向上滚动效果代码【jquery】

web前端|js教程 此插件旨在实现目前较为流行的文字间歇向上滚动特效，当鼠标移动到文字上时，向上滚动会停止，当鼠标离开时，向上滚动继续。整体代码如下：

*{margin:0;padding:0;font-size:12px;}li{list-style:none;}.box{margin:20px;width:320px;height:195px;border:1px solid #ddd;padding:5px 5px 10px;overflow:hidden;}.box ul li{line-height:25px;}
 
  
01这是一个无缝向上滚动的特效，是我第一次写这样的插件
  
02这是一个无缝向上滚动的特效，是我第一次写这样的插件
  
03这是一个无缝向上滚动的特效，是我第一次写这样的插件
  
04这是一个无缝向上滚动的特效，是我第一次写这样的插件
  
05这是一个无缝向上滚动的特效，是我第一次写这样的插件
  
06这是一个无缝向上滚动的特效，是我第一次写这样的插件
  
07这是一个无缝向上滚动的特效，是我第一次写这样的插件
  
08这是一个无缝向上滚动的特效，是我第一次写这样的插件
  
09这是一个无缝向上滚动的特效，是我第一次写这样的插件
 
/** textSlider 0.1* Dependence jquery-1.7.1.js*/;(function($){ $.fn.textSlider = function(options){   var defaults = { //初始化参数      scrollHeight:25,      line:1,      speed:'normal',      timer:2000   };   var opts = $.extend(defaults,options);   this.each(function(){     var timerID;     var obj = $(this);     var $ul = obj.children("ul");     var $height = $ul.find("li").height();     var $Upheight = 0-opts.line*$height;     obj.hover(function(){       clearInterval(timerID);     },function(){       timerID = setInterval(moveUp,opts.timer);       });     function moveUp(){       $ul.animate({"margin-top":$Upheight},opts.speed,function(){          for(i=0;i<opts.line;i++){ //只有for循环了才可以设置一次滚动的行数           $ul.find("li:first").appendTo($ul);          }         $ul.css("margin-top",0);       });     };     timerID = setInterval(moveUp,opts.timer);     });   };})(jQuery)$(function(){  $(".box").textSlider({    line:2    });  })