| 1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title></title>
- <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
- <style type="text/css">
- </style>
- <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
- <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
- <script src="../../lib/ligerUI/js/plugins/ligerLayout.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(function ()
- {
- $("#layout1").ligerLayout({ leftWidth: 200,heightDiff:-43});
- });
-
- </script>
- <style type="text/css">
- body{ padding:5px; margin:0; padding-bottom:15px;}
- #layout1{ width:100%;margin:0; padding:0; }
- .l-page-bottom,.l-page-top{ height:80px; background:#f8f8f8; margin-bottom:3px;}
-
- h4{ margin:20px;}
- </style>
- </head>
- <body style="padding:10px">
- <div class="l-page-top">这个不是layout的一部分，作为单独的页面的头部</div>
- <div id="layout1">
- <div position="left"></div>
- <div position="center" title="标题">
- <h4>$("#layout1").ligerLayout({ leftWidth: 200,heightDiff:-43});</h4>
- <br />
- 如果上面有其他页面元素，layout会自适应调整
- <br />
- 下面有其他页面元素，可以通过高度补差(heightDiff)调整
- </div>
- </div>
- <div class="l-page-bottom">这个不是layout的一部分，作为单独的页面的底部</div>
- </body>
- </html>
|
