瀑布流

标签：ima   min   setw   hang   change   linear   lin   for   高度   

//瀑布流
function changeFalls(e,ani){
var marginR = 10;
var marginB = 10;
var li = e.find(‘li‘);
var li_w =li[0].offsetWidth + marginR;
var n = e[0].offsetWidth/li_w|0;
var arr = [];
var li_h;
for(var a=0;a<li.length;a++){
li_h = li[a].offsetHeight;
if(a<n){
arr.push(li_h);
li.eq(a).css({
top:0,left:li_w*a,
‘-webkit-animation‘:ani + ‘ 0.5s linear forwards‘,
‘animation‘:ani + ‘ 0.5s linear forwards‘
})
}else{
min_h = Math.min.apply(‘‘,arr);//找到最小的高度
var min_index = getArrKey(arr,min_h);//最小高度对应索引
arr[min_index] += li_h + marginB;//更新高度
li.eq(a).css({
‘-webkit-animation‘:ani + ‘ 0.5s linear forwards‘,
‘animation‘:ani + ‘ 0.5s linear forwards‘,
top:min_h + marginB,left:li_w*min_index
});
}
}
}
//获取循环中的变量/再把arr循环输出arr[i];
var arr=[];
for(var k = 0;k<100;k++){
arr.push(k)
}
//用法：changeFalls(e,ani);

瀑布流

标签：ima   min   setw   hang   change   linear   lin   for   高度   

原文地址：http://www.cnblogs.com/leijuan/p/6110410.html