龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

原生JS实现的简单“瀑布流”布局

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
自pinterest网站爆红以来,国内一度掀起仿PIN狂潮,诸如花瓣、蘑菇街等等。正是如此,瀑布流式布局受到广大网民的青睐。众多知名JS库,也相继出现瀑布流布局插件,譬如jQuery的Maso

自pinterest网站爆红以来,国内一度掀起“仿PIN”狂潮,诸如花瓣、蘑菇街等等。正是如此,“瀑布流”式布局受到广大网民的青睐。众多知名JS库,也相继出现“瀑布流”布局插件,譬如jQuery的Masonry插件、KISSY的waterfall插件等。

今天闲来无聊,我也自己动手弄了段原生JS代码,实现了简单的“瀑布流”布局效果,当然肯定不能和以上那些优秀插件相提并论,有兴趣的朋友,可以去看看,希望能带给你或多或少的收获。

效果预览: http://www.seejs.com/waterfall/   

精彩图集

赞助商链接