window.onload=function(){
rank('main','box');
var dataInt={'data':[{'src':'45.jpg'},{'src':'46.jpg'},{'src':'47.jpg'},{'src':'48.jpg'}]};
window.onscroll=function (){
if(checkscrollside()){
var main = document.getElementById('main');
rank('main','box');
var dataInt={'data':[{'src':'45.jpg'},{'src':'46.jpg'},{'src':'47.jpg'},{'src':'48.jpg'}]};
window.onscroll=function (){
if(checkscrollside()){
var main = document.getElementById('main');
<div id="main">
<div class="box"> <img src="images/0.jpg"/> </div>
<div class="box"> <img src="images/1.jpg"/> </div>
<div class="box"> <img src="images/2.jpg"/> </div>
<div class="box"> <img src="images/3.jpg"/> </div>
<div class="box"> <img src="images/4.jpg"/> </div>
</div>
<div class="box"> <img src="images/0.jpg"/> </div>
<div class="box"> <img src="images/1.jpg"/> </div>
<div class="box"> <img src="images/2.jpg"/> </div>
<div class="box"> <img src="images/3.jpg"/> </div>
<div class="box"> <img src="images/4.jpg"/> </div>
</div>
补充:
$(window).on("resize", waterfall);
if(index < cols) {
$(value).removeAttr("style"); //移除style样式,配合 resize 事件(窗口变化时触发)
hArr[index] = h;
} else {
$(window).on("resize", waterfall);
if(index < cols) {
$(value).removeAttr("style"); //移除style样式,配合 resize 事件(窗口变化时触发)
hArr[index] = h;
} else {
2016-02-04
ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ด้้้้้็็็็็้้้้้็็็็็้้้้้็็็้็็็ฏ๎็็
2016-02-03
最新回答 / 昨天de梦
是的,我们可以修改一下 waterfall 这个函数,把参数传入,而这个参数为 新加入的“盒子”,当hArr中有“数”时,我们应该按照 先求 hArr 最小值的方式设置 “盒子”的位置,并修改hArr中的值。当hArr没有“数”,说明我们是第一次摆放盒子,那么我们向 waterfall传入的盒子就是第1批盒子,需要先正确 摆放第1行盒子,即记录 hArr 的值。(把hArr设置为全局变量)类似这样://将所有 newBoxs 新盒子“放好”function waterfall(newBoxs) { ...
2016-02-03
特别喜欢的老师,根据老师讲的自己写了一个简单的javascript瀑布流实现,并进行了总结,欢迎大家前来观看http://blog.csdn.net/sinat_25127047/article/details/50614613
2016-02-01
特别喜欢的老师,根据老师讲的自己写了一个简单的javascript瀑布流实现,并进行了总结,欢迎大家前来观看http://blog.csdn.net/sinat_25127047/article/details/50614613
2016-02-01