jq【封装函数】向上滚动函数

$.fn.moveUp=function(options){  
    var defaults={  
        moveObj:'.tempWrap',//滚动的对象  
        cloneCont:'.contUL',//要复制的内容外层obj  
        childElement:'.contUL li',//复制的一个内容的子元素  
        num:'5',//滚动的个数  
        time:'15'  
    };  
  
    var opts=$.extend({},defaults,options);  
    $(this).each(function(){
        var c=$(this),  
            $tempWrap=c.find(opts.moveObj),//滚动的obj  
            clone=c.find(opts.cloneCont).clone(),//滚动的内容obj  
            speed=1,//速度  
            oneElementHeight=c.find(opts.childElement).eq(0).height(),//一个内容的高度  
            limitHeight=oneElementHeight*opts.num,//
            timer=null;
        //alert(c.find(opts.cloneCont).html())
        //console.log(oneElementHeight+"||"+c.find(opts.childElement).length)
        //alert($tempWrap.height())
        
        if($tempWrap.height()> limitHeight ){
            timer=setInterval(domove,opts.time);  
            $tempWrap.append(clone);
        }   
        function domove(){
            speed+=1;  
            if (speed>$(opts.cloneCont).height()) {  
                speed=0;  
            };  
            $tempWrap.css({'marginTop':-speed+'px'});  
        } 
        c.find('.contUL').hover(function(){  
            clearInterval(timer);  
        },function(){  
        	//alert($tempWrap.height())
            if($tempWrap.height()> limitHeight){  
                timer=setInterval(domove,opts.time); 
                if(c.find(opts.cloneCont).length==1){//解决初始化没滚动,但是异步添加数据后,鼠标放上去却滚动了,但是滚动没有追加内容
                	$tempWrap.append(clone);
                }
                //$tempWrap.append(clone);
            }   
        });  
    });  
}; 

相关文章:

间歇性向上无缝滚动(jq插件封装型)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值