瀑布布局,流式布局器(控件)第一版

     最近看到了一下比较漂亮的网页设计风格都是基于这种瀑布布局的原理设计,感觉挺不错,自己试着实现了一版,是基于jquery widget 开发的,

下图是运行示例

瀑布布局,流式布局器(控件)第一版
 
瀑布布局,流式布局器(控件)第一版
 以上两个示例是通过改变控件的宽度自动布局的对比


 瀑布布局,流式布局器(控件)第一版 主要功能

1:把普通布局的展示快转化成流式布局

2:动态对布局后的控件追加节点

这个是模式ajax 动态加载dom 到控件,很多瀑布布局的网页会通过下拉去不断的往控件里追加元素

开发时间很短只有不到一天,只完成了基本的流式布局和动态追加dom功能,以后有时间可以再完善一下,希望可以对有想研究流式布局给予一些帮助,用法就是jquery widget 的基本用法。