PS制作流體瀑布文字效果步驟新建畫布，背景為深藍色用矩形工具繪制矩形，顏色比背景深一點的藍色CTRL+T選擇矩形，按SHIFT旋轉(zhuǎn)15度使用文字工具輸入“psahz”文字填充為白色，CTRL+T旋轉(zhuǎn)如圖右鍵選擇斜切，同樣15度調(diào)整。

1該效果使用CSS3的columnwidth實現(xiàn)，和js版的瀑布流不同圖片將縱向排列2代碼中使用了一小段JS，和瀑布流效果無關(guān)，主要用來動態(tài)插入元素，并實現(xiàn)模擬翻頁 舉例說明 如圖。

瀑布流網(wǎng)站主要是以圖片為主，文字內(nèi)容較少，在優(yōu)化的時候，注意圖片盡量的原創(chuàng)，如果是在網(wǎng)上下載的已收錄圖片建議稍微的做一下處理，如改變圖片大小圖片加工處理等做好這些之后，必要的ALT標簽，記住要合理的去布局關(guān)鍵。

前端瀑布流布局是一種常見的網(wǎng)頁布局方式，通常用于展示圖片文章等內(nèi)容，在不同屏幕尺寸下可以實現(xiàn)自適應因此，前端瀑布流布局是可以實現(xiàn)自適應的在實現(xiàn)自適應的前端瀑布流布局時，可以使用 CSS 的彈性布局flexbox或。

那么接下來就基于這個特點開始瀑布流探索之旅基礎功能實現(xiàn)首先我們定義好一個有 20 張圖片的容器， #waterfall position relative waterfallbox float left width 200px。

在網(wǎng)站后臺 找到論壇欄目下面的版塊管理按鈕，選擇編輯自己想要開啟瀑布流的那個版塊，在該模塊的 擴展設置 里 開啟圖片列表模式很多時候，設置的瀑布流的模塊已經(jīng)有帖子了，此時可以重建主題封面實現(xiàn) 在后臺的工。

其實這種jquery的插件真的比較多，百度下就有很多結(jié)合兩個jquery插件jquery瀑布流插件blocksit和圖片延遲加載插件jquerylazyload可以實現(xiàn)向百度首頁那種延遲加載的瀑布流樣式而且代碼也比較簡單function quotimglazyquot。