JavaScript 瀑布流总结
   1 分钟阅读

query 的方法,

1
var minIndex= $.inArray(minH,arr);

这里的 $.inArray 是获取一个元素在数组里面的索引值;

第一个参数是判断的元素,

第二个参数是所在的数组;

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
$boxs.each( function( index, value ){
    var h = $boxs.eq( index ).outerHeight();
    if( index < num ){
        arr.push(h);
    }else{
        var minH=Math.min.apply(null,arr);
        var minIndex= $.inArray(minH,arr);
        $(value).css({
            "position":"absolute",
            "top":minH+"px",
            "left":minIndex*w+"px"
        });
        arr[minIndex]+=$(value).outerHeight();//增加这个盒子的高度;
    }
});

在做数组或这 JSON 循环 d 时候,value 是 DOM 元素,需要用 $ 包一下,来装成 JQUERY 对象;

CSS 的方法总结;

本文目录