JS-2列瀑布流布局

js-2列瀑布流布局

window.onload = function () {
    var boxarr = $('.indexmsg'),
        columnheightarr = [];
        columnheightarr.length = 2;
 
        array.prototype.max=function(){
            var maxh = 0;
            for(var i=0;i<this.length;i++){
                maxh=math.max(maxh,this[i]);
            }
            return maxh;
        }
        boxarr.each(function(index, item) {
        　　if (index < 2) {
        　　　　columnheightarr[index] = $(item).outerheight(true);
        　　} else {
        　　　　var minheight = math.min.apply(null, columnheightarr),
                    minheightindex = $.inarray(minheight, columnheightarr);
        　　　　$(item).css({
                 　　position: 'absolute',
                 　　top: minheight,
                 　　left: boxarr.eq(minheightindex).position().left
                 });
        　　　　columnheightarr[minheightindex] += $(item).outerheight(true);
        　　}
        document.getelementsbyclassname("indexmsglist")[0].style.height=columnheightarr.max()+"px";
        });
    }