Easyui 实现 双导航

    <!-- 头部标题 -->
    <div id="north" data-options="region:'north',border:false" style="width:100%; height:140px;">
        <div  style="width:100%; height:90px;">
            <img src="images/guohui.png" alt="" class="top-banner">
        <h1>外星泡妞系统</h1>
        <div class="north-right">
            <ul>
                <li><a href="javascript:CloseWindow();">退出系统</a></li>
                <li><a href="javascript:Logout();">注销系统</a></li>
                <li><a href="javascript:ModifyPwd();">修改密码</a></li>
            </ul>
            <p><strong>泡妞打法</strong> 欢迎您！<span id="span1" runat=server></span>！</p>
        </div>
        </div>
    <!--导航-->
        <div class="easyui-panel" style="padding:5px; width:100%;">
            <a href="#" class="easyui-linkbutton" data-options="plain:true" style:"width:90px; display:block; float:left; border-color:red">部门管理</a>
            <a href="#" class="easyui-splitbutton" data-options="menu:'',iconCls:'icon-edit'">撩妹十三招</a>
            <a href="#" class="easyui-splitbutton" data-options="menu:'',iconCls:'icon-ok'">搭讪二十九法</a>
            <a href="#" class="easyui-menubutton" data-options="menu:'',iconCls:'icon-help'">撩拨六十四式</a>
        </div>
    </div>
    <!-- 左侧导航 -->
    <div id="west" data-options="region:'west',split:true,fit:false" title="导航菜单">
        <div id="menu" class="easyui-accordion" data-options="fit:true,border:false">
            <asp:Literal ID="Literal1" runat=server EnableViewState=false></asp:Literal>
            <!--  导航内容 -->
            <!--
            <div title="玉女心经" data-options="iconCls:'icon-sys'">
                <ul>
                    <li><a target="mainFrame" href="#">欲女基本信息维护</a> </li>
                    <li><a target="mainFrame" href="#">欲女技术人员维护</a> </li>
                    <li><a target="mainFrame" href="#">欲女技术人员维护审核</a> </li>
                    <li><a target="mainFrame" href="#">欲女技术人员维护查询</a> </li>
                    <li><a target="mainFrame" href="/#">欲女培训机构维护</a> </li>
                    <li><a target="mainFrame" href="#">欲女在线培训报名</a> </li>
                    <li><a target="mainFrame" href="#">欲女培训报名审核</a> </li>
                    <li><a target="mainFrame" href="#">欲女部门管理6</a> </li>
                </ul>
            </div>
            <div title="员工管理" data-options="iconCls:'icon-sys'">
                <ul>
                    <li><a target="mainFrame" href="pages/list.html">员工管理1</a> </li>
                    <li><a target="mainFrame" href="pages/basic_info.html">员工管理2</a> </li>
                    <li><a target="mainFrame" href="pages/demo3.html">员工管理3</a> </li>
                    <li><a target="mainFrame" href="pages/demo4.html">员工管理4</a> </li>
                    <li><a target="mainFrame" href="pages/demo5.html">员工管理5</a> </li>
                    <li><a target="mainFrame" href="pages/demo6.html">员工管理6</a> </li>
                </ul>
            </div>
            <div title="财务管理" data-options="iconCls:'icon-sys'">
                <ul>
                    <li><a target="mainFrame" href="pages/list.html">财务管理1</a> </li>
                    <li><a target="mainFrame" href="pages/basic_info.html">财务管理2</a> </li>
                    <li><a target="mainFrame" href="pages/demo3.html">财务管理3</a> </li>
                    <li><a target="mainFrame" href="pages/demo4.html">财务管理4</a> </li>
                    <li><a target="mainFrame" href="pages/demo5.html">财务管理5</a> </li>
                    <li><a target="mainFrame" href="pages/demo6.html">财务管理6</a> </li>
                </ul>
            </div>
            <div title="商城管理" data-options="iconCls:'icon-sys'">
                <ul>
                    <li><a target="mainFrame" href="pages/list.html">商城管理1</a> </li>
                    <li><a target="mainFrame" href="pages/basic_info.html">商城管理2</a> </li>
                    <li><a target="mainFrame" href="pages/demo3.html">商城管理3</a> </li>
                    <li><a target="mainFrame" href="pages/demo4.html">商城管理4</a> </li>
                    <li><a target="mainFrame" href="pages/demo5.html">商城管理5</a> </li>
                    <li><a target="mainFrame" href="pages/demo6.html">商城管理6</a> </li>
                </ul>
            </div>
            <div title="控件使用" data-options="iconCls:'icon-sys'">
                <ul>
                    <li><a target="mainFrame" href="pages/list.html">控件使用1</a> </li>
                    <li><a target="mainFrame" href="pages/basic_info.html">控件使用2</a> </li>
                    <li><a target="mainFrame" href="pages/demo3.html">控件使用3</a> </li>
                    <li><a target="mainFrame" href="pages/demo4.html">控件使用4</a> </li>
                    <li><a target="mainFrame" href="pages/demo5.html">控件使用5</a> </li>
                    <li><a target="mainFrame" href="pages/demo6.html">控件使用6</a> </li>
                </ul>
            </div>
            -->
        </div>
    </div>