码迷,mamicode.com
首页 > 其他好文 > 详细

无缝滚动插件

时间:2017-11-08 19:36:59      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:滚动   class   分享   参数   appendto   pts   es2017   defaults   log   

;(function($){  
    $.fn.moveUp=function(options){  
        var defaults = {//初始化参数  
            moveHeight:22,      
            time:2000     
        };   
        var opts =$.extend({},defaults,options);//扩展参数  
  
        var a=$(this);  
        var top=0;  
        var timer;  
        a.find(‘li‘).first().clone().appendTo(a);//克隆追加第一个子对象  
        timer=setInterval(moveUp,opts.time);  
        a.hover(function(){clearInterval(timer)},function(){timer=setInterval(moveUp,opts.time)});  
        var endHeight=a.height();//追加子对象后的总高度  
        function moveUp(){  
            top=top+opts.moveHeight;  
            if(top>=endHeight){  
                a.css(‘marginTop‘,‘0px‘);  
                top=opts.moveHeight;  
            }  
            a.stop().animate({‘marginTop‘:-top+‘px‘});  
            //document.title=a.css(‘marginTop‘);  
        }  
    }  
})(jQuery);

$(function(){
    $(‘ul‘).moveUp({moveHeight:22,time:2200});
})

 

技术分享

 

无缝滚动插件

标签:滚动   class   分享   参数   appendto   pts   es2017   defaults   log   

原文地址:http://www.cnblogs.com/binmengxue/p/7805444.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!