zoukankan      html  css  js  c++  java
  • jquery easyui使用(一)······可折叠面板的布局,手风琴

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>首页</title>
        <link href="../JQuery/easyui/themes/icon.css" rel="stylesheet" />
        <link href="../JQuery/easyui/themes/default/easyui.css" rel="stylesheet" />
        <script src="../JQuery/jquery.min.js"></script>
        <script src="../JQuery/easyui/jquery.easyui.min.js"></script>
        <script src="../JQuery/easyui/locale/easyui-lang-zh_CN.js"></script>
        <style>
            #div_leftmenu div {
                font-size: 15px;
            }
    
                #div_leftmenu div ul {
                    margin: 15px 15px 15px 15px;
                    padding: 0;
                    overflow: hidden;
                    line-height: 40px;
                }
    
                    #div_leftmenu div ul li {
                        list-style-type: none;
                        background-color: #DFE2E3;
                        text-align: center;
                        margin-bottom: 15px;
                    }
    
                        #div_leftmenu div ul li:last-of-type {
                            margin-bottom: 0;
                        }
        </style>
    </head>
    <body class="easyui-layout" style="font-size: 15px;">
        <form id="form1" runat="server">
            <!--左侧-->
            <div data-options="region:'west',title:' '" style=" 250px; background-color: powderblue; font-size: inherit;">
                <div id="div_welcome" style="margin: 15px 0 15px 0; text-align: center;">admin,欢迎您</div>
                <div id="div_leftmenu" class="easyui-accordion">
                    <div title="Title1">
                        <ul>
                            <li>的撒打算的</li>
                        </ul>
                    </div>
                    <div title="Title2">
                        
                    </div>
                    <div title="Title3">
                        
                    </div>
                </div>
            </div>
            <!--右侧-->
            <div data-options="region:'center',title:' '" style="padding: 5px;">
            </div>
        </form>
    </body>
    </html>
    
  • 相关阅读:
    centos ftp搭建
    python_模块
    python_如何建立包
    python_类
    python_递归
    python_函数
    python_字典
    python_条件、循环语句
    python_中文乱码问题
    Viola–Jones object detection framework--Rapid Object Detection using a Boosted Cascade of Simple Features中文翻译 及 matlab实现(见文末链接)
  • 原文地址:https://www.cnblogs.com/zhyue93/p/easyui.html
Copyright © 2011-2022 走看看