First type: Windows Office interface
The main steps are as follows:
1) Introduction of Ligerui Library
Copy code to index interface to modify related paths
2)
Select layout to drain layout
<title></title> <link href= "/content/ligerui/source/lib/ligerui/skins/aqua/css/ Ligerui-all.css "rel=" stylesheet "/> <script src="/content/ligerui/source/lib/jquery/ Jquery-1.3.2.min.js "type=" Text/javascript "></script> <script src="/content/ligerui/source/lib/ Ligerui/js/core/base.js "type=" Text/javascript "></script>
<div id= "LAYOUT1" > <div id= "Winlinks" > <ul> </ul> </div>
<body style= "Overflow:hidden; Background:url (/content/images/7_7.jpg) no-repeat Center Center; " > <div style= "Background:url (/content/images/bg3.png) repeat-x;height:67px" >
<script> $ (function () { $ ("#layout1"). Ligerlayout (); }); </script>
Complete
Second type: traditional interface (tree on the left)
Steps are as follows
1) Introduction of Ligerui Library
2) Select the layout under the Source->demo->layout folder
Building the main framework in. NET (2 ways)