【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">&nbsp;</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">&nbsp;</div> </body>
页:
[1]