<body
>
<
div
id="main"
>
<
div
class
="box"
>
<
div
class
="pic"
>
<
img
src="../picture/1.png"
>
div>
div>
<
div
class
="box"
>
<
div
class
="pic"
>
<
img
src="../picture/2.png"
>
div>
div>
<
div
class
="box"
>
<
div
class
="pic"
>
<
img
src="../picture/3.png"
>
div>
div>
<
div
class
="box"
>
<
div
class
="pic"
>
<
img
src="../picture/4.png"
>
div>
div>
<
div
class
="box"
>
<
div
class
="pic"
>
<
img
src="../picture/5.png"
>
div>
div>
<
div
class
="box"
>
<
div
class
="pic"
>
<
img
src="../picture/6.png"
>
div>
div>
<
div
class
="box"
>
<
div
class
="pic"
>
<
img
src="../picture/2.png"
>
div>
div>
<
div
class
="box"
>
<
div
class
="pic"
>
<
img
src="../picture/4.png"
>
div>
div>
<
div
class
="box"
>
<
div
class
="pic"
>
<
img
src="../picture/5.png"
>
div>
div>
<
div
class
="box"
>
<
div
class
="pic"
>
<
img
src="../picture/6.png"
>
div>
div>
<
div
class
="box"
>
<
div
class
="pic"
>
<
img
src="../picture/2.png"
>
div>
div>
div>
body
>
下面是全部的css比較簡單
最重要的這一段啦
下面這段jq 是可以根據滑鼠輪播 下拉載入頁面
兩個js的 區別：前者沒有下拉載入效果 後者有下拉載入效果
等高瀑布流布局的演算法
聽學長說最近前端面試喜歡問這個，轉來學習下，其實自己也看得不是很懂，慢慢研究。原文 之前有寫過一篇非等寬列表的布局的博文，那只是這種布局之前的叫法，為了和常規的等寬瀑布流布局做區分，根據這種布局的特性 整行是等高的 那麼就叫等高瀑布流布局吧。怎麼又拿這種布局出來說事？最近幾天在對以前開發的360搜尋...
瀑布流布局
最近在看瀑布流布局，覺得很神奇，每個模組都可以找到自己應該在的地方，各列齊頭並進，給人一種很high的感覺。一開始自己也想了思路 模組1，模組2，裡面模組float left。結果試了一下，悲劇啊，不同高度的直接就掛了，布局亂了。等高的還可以。然後我又想分類，就是規定幾列，分別把模組順序載入在各個c...
瀑布流布局
很早以前我就想自己學寫一下瀑布流布局，可是由於懶神來找我聊天咯，所以推遲咯很久直到今天我才來寫瀑布流布局。由於鄙人的js還有很大的提公升空間，所以我是先看咯一下那些大神的具體講解和分析，然後才開始著手寫的，收穫那是槓槓的。1 大家都知道要想實現瀑布流，就必須規定每乙個區塊的寬度要一致 2 確定每一排...