簡介:瀑布流布局是網站比較流行的一種布局方式。本案例將深入講解實現瀑布流布局的三大方式:JavaScript、jQuery和CSS3,你將學習到如何用JavaScript方法實現圖片的定位及排序、兩種不同的方式對圖片進行持續加載,以及CSS3中多欄布局怎么實現瀑布流布局。
第2章 JavaScript原生方法實現瀑布流布局
此方法分為三個步驟:用HTML+CSS實現瀑布流布局頁面結構、 JavaScript實現圖片定位和排序,最后用onscroll事件實現瀑布流布局的圖片加載功能。
第3章 jQuery實現瀑布流布局
jQuery方法比JavaScript原生方法簡潔,主要在瀑布流布局中實現圖片定位、排序及加載方面進行實現。