// JavaScript Document
//因為js是定義在html 的head文件中所以需要window.onload=function(){}

window.onload=function(){
?? ?
?? ?waterfall('main','box');?? ?
?? ?}
var ksz=[];

function waterfall(parent,box){
?? ?var oParent=document.getElementById(parent);
??? var oBoxs =document.getElementsByClassName(box);
??? var oBoxW=oBoxs[0].offsetWidth;
??? var cols=document.documentElement.clientWidth/oBoxW;
??? var n=Math.floor(cols);
?? ?for(var i=0;i<n;i++){
?? ??? ?ksz[i]=0;?? ??? ?
?? ??? ?}
??? oBoxs[n].style.clear="both";
?? ?var g=n;
?? ?var c=g-n;
?? ?
?? ?
?? ?function changel(){
?? ?var maxnumber=getMaxNumber(c,g);
?? ?
?? ??? ?//判斷第n張圖片的上方一系列圖片中最長圖片
?? ?for(var x=g;x<g+n;x++){
?? ??? ?var number=x%n;
?? ??? ?var sC=maxnumber-ksz[number].offsetHeight;
?? ??? ?//var??? yC="-"+parseFloat(sC)+"px";
?? ??? ??? ?oBoxs[x].style.marginTop=sC+"px";
?? ??? ??? ?}
?? ??? ??? ?}
?? ??? ?if(g<oBoxs.length){?? ?
?? ??? ??? ?changel();
?? ??? ??? ?g=g+n;
?? ??? ??? ?oBoxs[g].style.clear="both";
?? ??? ??? ?}
?? ?function getMaxNumber(c,g){
?? ??? ?for(var j=c;j<g;j++){
?? ??? ??? ?ksz[j%n]+=ksz[j].offsetHeight;
?? ??? ??? ?}
?? ??? ?var max1=Math.max.apply(null, ksz);
?? ??? ?return max1;
?? ??? ?}
?? ?

?? ??? ??? ??? ?
?? ?}??? 為什么解析 'margin-top' 的值時出錯。? 聲明被丟棄。