jQuery插件实现文字无缝向上滚动效果代码_jquery

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

 
 
01这是一个无缝向上滚动的特效，是我第一次写这样的插件
 
02这是一个无缝向上滚动的特效，是我第一次写这样的插件
 
这是一个无缝向上滚动的特效，是我第一次写这样的插件
 
这是一个无缝向上滚动的特效，是我第一次写这样的插件
 
这是一个无缝向上滚动的特效，是我第一次写这样的插件
 
这是一个无缝向上滚动的特效，是我第一次写这样的插件
 
这是一个无缝向上滚动的特效，是我第一次写这样的插件
 
这是一个无缝向上滚动的特效，是我第一次写这样的插件
 
这是一个无缝向上滚动的特效，是我第一次写这样的插件
 


/*
* scrollTop 0.1
* Dependence jquery-1.7.1.js
*/
;(function($){
 $.fn.scrollTop = function(options){
 var defaults = {
 speed:30
 }
 var opts = $.extend(defaults,options);
 this.each(function(){
 var $timer;
 var scroll_top=0;
 var obj = $(this);
 var $height = obj.find("ul").height();
 obj.find("ul").clone().appendTo(obj);
 obj.hover(function(){
 clearInterval($timer);
 },function(){
 $timer = setInterval(function(){
 scroll_top++;
 if(scroll_top > $height){
 scroll_top = 0;
 }
 obj.find("ul").first().css("margin-top",-scroll_top);
 },opts.speed);
 }).trigger("mouseleave");
 })
 }
 })(jQuery)

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

希望本文所述对大家jQuery程序设计有所帮助。