首頁 >web前端 >js教程 >jquery簡單瀑布流實作原理及ie8下測試程式碼_jquery

jquery簡單瀑布流實作原理及ie8下測試程式碼_jquery

WBOY
WBOY原創
2016-05-16 17:43:05959瀏覽

測試環境:ie8 ff13.0.1 chrome22
可以將分頁取得的內容依序填入四個div中,瀑布流的分頁可以以多頁(例如5頁)為單位二次分頁,這樣可以減少後台演算法的複雜度

複製程式碼 代碼如下:

BR>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



waterfall flow


");
});
}

$(window).scroll(function(){
// 被捲去的高度
var scrollTop = document.body.scrollTop||document.documentElement.scrollTop;
// 頁面高度
var pageHeight = $(document).height();
// 可視區域高度
var viewHeight = $(window).height();
//alert(viewHeight);
//當捲動到底部時
if((scrollTop viewHeight)>(pageHeight-20)) {
if(scrollTopfor(var i = 0 ; i $(".flow").each(function( ){
$(this).append("
" );
});
}
}
}
});
});
/*
* 取得指定範圍隨機數
* @param min,最小取值
* @param max,最大取值
*/

function getRandom(min,max){
//x上限,y下限
var x = max;
var y = min;
if(xx=min;
y=max;
}
var rand = parseInt(Math .random() * (x - y 1) y);
return rand;
}











陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn