jquery实现页面百叶窗走马灯式翻滚显示效果的方法

2020-05-27 17:59:42易采站长站整理

            },t);
        };
        var fnLay=function(){//布局页面
            h=en.height();
            var nu=Math.ceil(en.length/l);
            var u=$(“<“+o+”></”+o+”>”);
            u.css({“overflow”:”hidden”,”height”:h+”px”,”margin-bottom”:”15px”});
            for(var i=0;i<l;i++){
                en.slice(nu*i,nu*(i+1)).wrapAll(u);
            };         
        };
        var fnMain=function(){//卷动主方法
            if(maxRnum>1){
                fnLay();
                maxRh=Math.ceil(h/maxRnum);
                fnRoll();
            };
        };
        var fnStart= function(arg){//初始化显示方式
            e=arg;
            en = e.children(n);
            en.show();
            if(en.length>l){
                fnMain();
            }else{
                return false;
            };
        };
        return {
            setLine : function(num){//设置要分成多少行来卷动
                (!isNaN(num) && num>0)?l=num:””;
                return this;