首页

源码搜藏网

首页 > 网页特效 > jQuery特效 >

jQuery等高排列插件matchHeight

创建时间:2014-06-25 17:28  

jQuery等高排列插件matchHeight
jQuery等高排列插件matchHeight
效果预览 立即下载

jQuery等高排列插件matchHeightjQuery等高排列插件matchHeight是一款响应式平等高度插件jquery.matchHeight。jQuery响应式瀑布流jQuery插件


<script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.matchHeight.js"></script>
        <script type="text/javascript">
            (function() {


                /* matchHeight example */


                $(function() {
                    // apply your matchHeight on DOM ready (they will be automatically re-applied on load or resize)


                    // get test settings
                    var byRow = $('body').hasClass('test-rows');


                    // apply matchHeight to each item container's items
                    $('.items-container').each(function() {
                        $(this).children('.item').matchHeight(byRow);
                    });


                    // example of removing matchHeight
                    $('.test-remove').click(function() {
                        $('.items-container').each(function() {
                            $(this).children('.item').matchHeight('remove');
                        });
                    });
                });


            })();
        </script>

上一篇:jQuery+CSS3动画弹出框代码
下一篇:jQuery自动适应高度布局代码

相关内容

热门推荐

  1. 1
/ 1
  1. 1
/ 1