LigerUi框架布局的随心所欲调整(实例)!,主要是布局、标题等!
一、需要载入的头文件
<link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<script src="../../lib/jquery/jquery-1.5.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>
二、HTML内容
<%--垂直并排2个框架一--%>
<div id="Div1" style="margin:0;padding:0">
<div position="left" title="架框一左区" id="Div3">
<div id="left" style="margin:2px;">架框一左区</div>
</div>
<div position="right" title="架框一右区" id="Div4">
<div id="Div7" style="margin:2px;">架框一左区</div>
</div>
</div>
<div id="Div2" style="margin:0;padding:0">
<div position="center" title="一个窗口的框架" id="Div5">
<div id="Div6" style="margin:2px;">窗口2内容</div>
</div>
</div>
三、JS内容
$(function () {
var layout = $("#Div1").ligerLayout({ rightWidth: 100,height:100});
var layout = $("#Div2").ligerLayout({ rightWidth: 0, height: 100 });
)}
以上:position很重要
<div position="left"></div>
<div position="center"></div>
<div position="right"></div>
<div position="bottom"></div>
<div position="top"></div>