【jQuery】瀑布流範例
一般我們在使用表格或DIV的時候,如果裡面的格子的高度不同,是無法排列整齊的
上面的圖片是用DIV包起來,並將每個DIV使用CSS的靠左對齊(float: left),但是沒有辦法將圖片排列成很整齊的方式(每個圖都會自動靠上對齊)。
這時候就需要使用這個jQuery 瀑布流,這名稱目前是看到大陸網站是這樣介紹,所以我也使用這名稱,下面是套用後的效果。
另外這有很多種的動畫特效,可能要請有需要的人自己找自己喜歡的特效了,我這版本是他的版面上下左右還可以增加內文,不受到瀑布流控制才使用的(有的版本是用浮動的方式,其他地方會無法排版)。
程式載點
上面的圖片是用DIV包起來,並將每個DIV使用CSS的靠左對齊(float: left),但是沒有辦法將圖片排列成很整齊的方式(每個圖都會自動靠上對齊)。
這時候就需要使用這個jQuery 瀑布流,這名稱目前是看到大陸網站是這樣介紹,所以我也使用這名稱,下面是套用後的效果。
另外這有很多種的動畫特效,可能要請有需要的人自己找自己喜歡的特效了,我這版本是他的版面上下左右還可以增加內文,不受到瀑布流控制才使用的(有的版本是用浮動的方式,其他地方會無法排版)。
程式載點
沒有留言