paggywong 发表于 2013-2-7 17:40:59

【JQuery Layout 学习】North West Center South

<script src="../../res/js/plugin/jquery.layout.js" type="text/javascript"></script>

Javascript:
<script type="text/javascript">            jQuery(document).ready(function(){                $('body').layout({                  north__closable:false //顶部不可关闭                   ,north__resizable:false //顶部不能Resize                   ,north__size:120//顶部大小为120                   ,south__closable:false                   ,south__resizable:false                   ,north__size:80                   ,togglerTip_open : "关闭"                   ,togglerTip_closed : "打开"                   ,resizerTip:"调整宽度"                   ,resizerClass: 'ui-state-default'                   ,west__spacing_closed:20                   ,west__onresize: function (pane, $Pane) {                        dosometing……                  }                });             });</script>

HTML:
<body>      <!--Layout North-->      <div class="ui-layout-north"> </div>      <!--Layout West:treeGrid-->      <div class="ui-layout-west"></div>      <!--Layout Center:Tabs pane -->      <div id="RightPane" class="ui-layout-center" ></div>      <!-- Layout South -->      <div class="ui-layout-south"> </div>    </body>
页: [1]
查看完整版本: 【JQuery Layout 学习】North West Center South