1. 每個item由一張和下方的文字構成
2. 通過改變的高度，實現整體item的高度差
1.獲取列表
2. 遍歷，隨機生成一定高度範圍內的陣列，將"height:***px；"的style樣式，給每乙個img標籤
3. 宣告兩個變數：左側總高度，右側總高度
4. 遍歷，if左側總高》=右側總高，item應分配在左側，否則，item分配在右側
5. item樣式均設定為absolute,分在左側是left:0,右側為right:0,top值通過計算獲得
6. 第乙個item:"left:0;top:0;"，更新左側總高 += item1.offsetheight + 兩個item上下間隔距離 +『px』
第二個item:"right:0;top:0;"，更新右側總高 += item2.offsetheight + 兩個item上下間隔距離 +『px』
第三個item:"left:0;top: 左側總高;"，更新左側總高 += item3.offsetheight + 兩個item上下間隔距離 +『px』
以此類推...
7. 所有item的樣式，存放在陣列中，用於布局
￥ }銷量: }
iOS學習筆記 瀑布流封裝
最近學習了瀑布流布局，是用collectionview實現的。首先說說設計思路，用collectionview做出來的瀑布流是固定行數或者列數的。以現在主流固定列數為例，每個item就是固定寬，不固定高，同時每個item之間的間距是固定的，那麼每行的y值計算就需要通過前一行的最短的item來確定。既...
ajax學習筆記之瀑布流
此為列數固定的瀑布流 就是無論放大縮小瀏覽器百分比 列數不變 是比較簡單的版本 學習用 這篇只是適合我自己記憶的筆記 可能不是適合所有人 隨意看看就好 布局很簡單 就是乙個ul下4個li 個數可隨意 主函式部分 請求來的資料data格式是乙個陣列中包含了多個物件 乙個物件既包含了src和寬高和介紹等...
js學習筆記（瀑布流特效下）
img main 大盒子box是滿的，用padding做間距 box box img 小盒子pic也是滿的，依舊用padding做間距 pic function w scroll function else if document.compatmode css1compat else window ...