六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 37|回复: 0

【JQuery Layout 学习】North West Center South

[复制链接]

升级  26%

3

主题

3

主题

3

主题

童生

Rank: 1

积分
13
 楼主| 发表于 2013-2-7 17:40:59 | 显示全部楼层 |阅读模式
<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>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表