jQuery melaksanakan layout_jquery aliran air terjun

").addClass('pic').appendTo($(oBox));
$("").attr("src","images/" $(value).attr("src")).appendTo(oPic);
             });
air terjun();
         }
})
});
//Fungsi utama susun atur aliran;
fungsi air terjun () {
var $boxs=$("#main>div");
//Dapatkan div.box elemen anak langsung di bawah elemen #utama;
//Dapatkan lebar setiap lajur;
var w=$boxs.eq(0).outerWidth();
//outerWidth() mendapat lebar termasuk padding dan border;
//var w=$boxs.eq(0).width();
//width() hanya boleh mendapatkan lebar yang ditakrifkan untuk elemen;
var cols=Math.floor($(window).width()/w);
//Berapa banyak lajur untuk diperolehi;
$("#utama").width(w*cols).css("margin","0 auto");
//Tetapkan lebar dan gaya pemusatan elemen #utama;
var hArr=[];
//Set ketinggian setiap lajur;
$boxs.each(fungsi (indeks, nilai) {
//Lintas setiap elemen kotak;
//Untuk mencari titik terendah bagi semua elemen sebelumnya, kemudian tetapkan elemen ini di bawah titik terendah;
        var h=$boxs.eq(index).outerHeight();
//Ketinggian setiap elemen kotak,
             jika (index hArr[index]=h;
//Tentukan ketinggian elemen pertama dalam setiap lajur;
           } lain{
            var minH=Math.min.apply(null,hArr);
//Dapatkan ketinggian minimum dalam tatasusunan ketinggian lajur;
            var minHIindex=$.inArray(minH,hArr);
//$.inArray() kaedah mendapat nilai indeks elemen (minH) dalam tatasusunan (hArr);
//console.log(value);
//Nilai pada masa ini ialah objek DOM bagi semua elemen kotak selepas baris pertama!;
$(value).css({
//$(value): Tukar objek DOM menjadi objek jQuery sebelum anda boleh terus menggunakan kaedah jQuery
"kedudukan":"mutlak",
"atas":minH "px",
"kiri":minHIindex*w "px"
             });
hArr[minHIndex] =$boxs.eq(index).outerHeight();
//Ketinggian elemen tertinggi terendah Ketinggian elemen baru ditambah pada ketinggian terendah = ketinggian lajur baharu;
          };
});
// console.log(hArr);
};
fungsi semakScrollSlide () {
var $lastBox=$("#main>div").last();
var lastBoxDis=$lastBox.offset().top Math.floor($lastBox.outerHeight()/2);
var scrollTop=$(window).scrollTop();
var documentH=$(window).height();
Kembalikan (lastBoxDis }