jQuery实现瀑布流的取巧做法分享

2020-05-23 06:13:34易采站长站整理

                },400);
            },
            appendHTML:function(data){
                var len = data.length,
                    n = 0;
                for(;n<len;n++){
                    var k = 0;
                    n>(row-1)?k=n%row:k=n;
                    $li[k].innerHTML += ‘<a href=”‘+data[n].href+'” target=”_blank”><img src=”‘+data[n].src+'” width=”‘+data[n].width+'” height=”‘+data[n].height+'” alt=”‘+data[n].name+'” /><span class=”name”>’+data[n].name+'</span></a>’;
                }
                this.getOTop();
            },
            getOTop:function(){
                oTop = Math.min.apply(null,[$li.eq(0).height(),$li.eq(1).height(),$li.eq(2).height()])+$target.offset().top;
            },
            loadedTips:function(){
                $(‘#loadTips’).find(‘span’).text(‘数据已加载完’);
                setTimeout(function(){
                    $(‘#loadTips’).css({‘visibility’:’hidden’});
                },200);
                // 解绑事件
                $(window).unbind(‘scroll’,$.proxy(this.scrollEvent,this));
            },