1、Pinterest ，把自己感興趣的東西用圖釘釘在釘板PinBoard上Pinterest采用的是瀑布流的形式展現(xiàn)圖片內(nèi)容，無需用戶翻頁，新的圖片不斷自動加載在頁面底端，讓用戶不斷的發(fā)現(xiàn)新的圖片該項(xiàng)目的創(chuàng)意來自于創(chuàng)始人 Ben Silbermann 為他的女朋友尋找訂婚戒指之時他發(fā)現(xiàn)了很多還算中意的戒指，但又需要反復(fù)；將你下載到的三個js文件和上面的customjs放在你的WP的2014主題目錄下的test文件夾自己建，然后將上面的PHP代碼復(fù)制到一個英文開頭的PHP文件里，把這個PHP文件放在WP的2014主題目錄下，啟用這個主題，發(fā)布頁面，選用“瀑布流測試”頁面模板，如果你的測試WP中有文章，并且文章有縮略圖，就會是這個樣子；這個不只是用html和CSS做的頁面這里還有js的效果因?yàn)檫@個圖片的大小都不確定，所以是要用js算的你可以在網(wǎng)上搜瀑布流效果，有很多的；6Pexels圖片素材類網(wǎng)頁設(shè)計(jì)模板參考點(diǎn)圖片瀑布流設(shè)計(jì)下載地址contentuploads201804PexelszipPexels是一個高清圖片下載服務(wù)站點(diǎn)，為用戶提供海量共享圖片素材的網(wǎng)站，每周都會定量更新網(wǎng)站首頁采用懸浮設(shè)計(jì)，將菜單欄和底部欄都是懸浮在固定位置，內(nèi)容區(qū)域滾動首頁圖片排列采用瀑布。

2、微博書制作流程非常簡單，打開微印網(wǎng)站后，選擇自己想制作的新浪微博或者騰訊微博內(nèi)容，選擇內(nèi)容可以是自己的，也可以是朋友的模版以及時間段之后，點(diǎn)擊一鍵預(yù)覽，系統(tǒng)即可排版生成微印提供自己設(shè)計(jì)的三款模板，分別為適合長微博顯示的瀑布流模板，適合大圖片顯示的輕雜志模板，還有適合文字顯示的；一般情況下，可能是圖片路徑有問題；會的清除DOM節(jié)點(diǎn)能夠是否DOM占用的內(nèi)存像很多瀑布流形式的圖片網(wǎng)站，圖片加載到一定程度會刪除一部分圖片當(dāng)頁面往回滾時，又把圖片添加回去DOMDocument Object Model文檔對象模型，是W3C組織推薦的處理可擴(kuò)展標(biāo)志語言的標(biāo)準(zhǔn)編程接口Document Object Model的歷史可以追溯至1990年代后期微軟與；Highcharts 愛圖說 支持在線編輯，同時是純 JavaScript 編寫的一個圖表庫， 能夠很簡單便捷的在 Web 網(wǎng)站或是 Web 應(yīng)用程序添加有交互性的圖表，Highcharts 支持的圖表類型有直線圖曲線圖區(qū)域圖柱狀圖餅狀圖散狀點(diǎn)圖儀表圖氣泡圖瀑布流圖等多達(dá) 20 種圖表，其中很多圖表可以集成在同一；html中沒有g(shù)allery_tu，應(yīng)該是寫代碼的時候加入的自定義項(xiàng)目或文件名，要htmlcssjs結(jié)合才能完成；JavaScript工具庫自主研發(fā)DOM庫，事件庫，AJAX庫，原型和繼承庫，MVVM核心庫，基于SPA的路由庫等jQuery經(jīng)典交互特效時間軸特效，tab頁面切換效果，網(wǎng)頁定位導(dǎo)航特效，滑動門特效，焦點(diǎn)圖輪播特效，導(dǎo)航條菜單效果，瀑布流特效，彈出層效果，倒計(jì)時效果等PHP+MySQL后端基礎(chǔ)PHP，MySQL。

3、這種排版方式叫做瀑布流 一般都是靠js來控制的，純css的不好寫 現(xiàn)在瀑布流的js插件很多，谷歌 瀑布流插件 源碼一把一把的 純手打，希望幫到你。

4、五流動布局fluid grid或瀑布流 “流動布局”的含義是，各個區(qū)塊的位置都是浮動的，不是固定不變的main float rightwidth 70% leftBar float leftwidth 25% float的好處是，如果寬度太小，放不下兩個元素，后面的元素會自動滾動到前面元素的下方，不會在水平方向；有趣的是，Ben一開始并不想把Pinterest發(fā)展成為一個受主流人群歡迎的公司，而是技術(shù)社區(qū)但事與愿違，Ben有時也坦誠，公司發(fā)展不在其掌控中，只能隨波逐流，跟著大家感覺走網(wǎng)站介紹Pinterest ，把自己感興趣的東西用圖釘釘在釘板PinBoard上Pinterest采用的是瀑布流的形式展現(xiàn)圖片內(nèi)容，無需用戶；這個是 瀑布流啊，應(yīng)當(dāng)用js插件，網(wǎng)上搜索一下，很多的修改一下就可以用了。

5、改一下代碼，假設(shè)是這樣 ltdiv id=quottestContainerquot ltdivltimg src=quot1pngquotltdiv ltdivltimg src=quot1pngquotltdiv ltdivltimg src=quot1pngquotltdiv ltdivltimg src=quot1pngquotltdiv ltdivltimg src=quot1pngquotltdiv ltdivltimg src=quot1pngquotltdiv ltdivltimg src=quot。

6、整個網(wǎng)頁模板設(shè)計(jì)元素以圖片組件和文字組件為主，邏輯清晰，簡明直觀主要頁面有主頁課程列表頁面課程詳情頁面程序頁面關(guān)于頁面此模板適用于教育機(jī)構(gòu)網(wǎng)站或在線課程類網(wǎng)站課程介紹頁面的設(shè)計(jì)思路尤其值得學(xué)習(xí)6Pexels圖片素材類網(wǎng)頁設(shè)計(jì)模板參考點(diǎn)圖片瀑布流設(shè)計(jì)下載地址；瀑布流網(wǎng)站主要是以圖片為主，文字內(nèi)容較少，在優(yōu)化的時候，注意圖片盡量的原創(chuàng)，如果是在網(wǎng)上下載的已收錄圖片建議稍微的做一下處理，如改變圖片大小圖片加工處理等做好這些之后，必要的ALT標(biāo)簽，記住要合理的去布局關(guān)鍵詞，不要造成關(guān)鍵詞截徹，圖片的ALT標(biāo)簽，中的詞很容易被堆徹的如果你的文章。