瀑布流

php中圖片資源路徑

結構是ul包裹四個li，每一個li中div包裹img和p

li中div的class類名爲item

樣式：

用jquery中的ajax實現

實現loading效果：

loading樣式：

首先用jquery中的ajax獲取數據：

獲取到的數據是string形式，轉換成json形式  —> JSON.parse

請求完成後要向頁面中添加dom結構，因此封裝一個addDom函數

數據請求成功以前loading需展現出來

請求回來後loading消失

建立dom結構：

拿到最短的那列圖片，只需拿到那列的索引值

先把li元素取出來

默認最短的是第一列，和後面的依次作比較，取出最短的

addDom函數中：向最短的列數添加內容

添加cpage值

監聽滾動條事件，

下次發送請求時num++

加鎖，避免重複請求

在addDom中再變false