ligerLayout布局（左右分栏）

场景需求：左边框框用来放树菜单，右边就是点击菜单后显示的内容

js

$(function () {
    $("#layoutMain").ligerLayout({
        topHeight :80,
        leftWidth: 180, 
        height: '100%'
        });
});

或者（左边栏取五分之一的宽度）

$(function () {
    var w=$("#layoutMain").width();
    $("#layoutMain").ligerLayout({
       topHeight :80,
       leftWidth: w/5,
       height: '100%'
     });
});

 

html

     <div id="layoutMain" style="width:99.2%; margin:0 auto; margin-top:4px;">
          <div position="left" id="accordion1"  title="变电站名称"> 

           </div>     
       
           <div position="center" id="framecenter"> 

           </div>
       </div>

 

效果