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>
    
  • 相关阅读:
    android 样式开发
    Android studio 开发环境搭建
    nodejs+express 4.x笔记
    C#: switch语句的重构『网摘』
    从实例谈OOP、工厂模式和重构
    ASP.NET FileUpload 上传文件类型验证
    asp.net 网页中播放 flash 和flv
    数据库设计中主键问题
    修改Sqlserver实例默认排序规则
    查看sqlserver被锁的表以及如何解锁
  • 原文地址:https://www.cnblogs.com/zhyue93/p/easyui.html
Copyright © 2011-2022 走看看