Waterfall是jQuery流体布局插件

当前版本: 1.0.6

更新时间: 2012.2.11

使用方法

加载jQuery库 (需1.4+)

加载jQuery.waterfull.min.js , 必须在jQuery库之后;

调用接口: $node.waterfall({/* 此处为设置选项, 可留空 */})

如: $('#container').waterfall({})

设置选项


{       


                itemSelector:        '.post-home'        ,             //子元素id/class, 可留空       


                columnCount:4,                         // 列数,  纯数字, 可留空       


                columnWidth:300,                       // 列宽度, 纯数字, 可留空       


                isResizable:        false        ,                     // 自适应浏览器宽度, 默认false       


                isAnimated:        false        ,                      // 元素动画, 默认false       


                Duration:500,                          // 动画时间       


                Easing:        'swing'        ,                        // 动画效果, 配合 jQuery Easing Plugin 使用       


                endFn:        function        (){},                    // 回调函数       


        }

Ajax


$.ajax({       


                type:         "POST"        ,       


                url:         "some.php"        ,       


                success:         function        (data){       


                $(        "#container"        ).append(data).waterfall({});       


                }       


        });