<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="width: 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>

jquery easyui使用（一）······可折叠面板的布局，手风琴的更多相关文章

  1. JAVAEE——BOS物流项目01：学习计划、搭建环境、主页设计(jQuery EasyUI)

    1 学习计划 1.项目概述 项目背景介绍 2.搭建项目开发环境 数据库环境 maven项目搭建 svn环境搭建 3.主页设计(jQuery EasyUI) layout页面布局 accordion折叠 ...

  2. jquery easyui使用（二）······可折叠面板动态加载无效果

    先上代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"& ...

  3. 第一百九十九节，jQuery EasyUI，Panel(面板)组件

    jQuery EasyUI,Panel(面板)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解EasyUI中Panel(面板)组件的使用方法,这个组件不依赖于其 ...

  4. Jquery EasyUi实战教程布局篇

    转自:http://www.kwstu.com/ArticleView/kwstu_20139413501290 送给大家一个非常好的后台布局模板,本人后来就选择了这个模板http://www.kws ...

  5. jQuery EasyUI API 中文文档 - 布局（Layout）

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

  6. jQuery EasyUI布局容器layout实例精讲

    这个布局容器,有五个区域:北.南.东.西和中心. 他中心地区面板是必需的,但是边缘地区面板是可选的.每一个边缘地区面板可以缩放的拖动其边境, 他们也可以通过点击其收缩触发.布局可以嵌套,从而用户可以建 ...

  7. jQuery EasyUI API 中文文档 - Panel面板

    <html> <head> <title>布局管理器--控制面板</title> <script src="jquery-easyui/ ...

  8. 第二百零二节，jQuery EasyUI，Layout(布局)组件

    jQuery EasyUI,Layout(布局)组件 学习要点: 1.加载方式 2.布局属性 3.区域面板属性 4.方法列表 本节课重点了解 EasyUI 中 Layout(布局)组件的使用方法,这个 ...

  9. jQuery EasyUI 选项卡面板tabs使用实例精讲

    1. 对选项卡面板区域 div 设置 class=”easyui-tabs” 2. 对选项卡面板区域添加多个 div,每个 div 就是一个选项卡(每个面板一定设置 title) 3. 设置面板 fi ...

随机推荐

  1. 【译】PHP的变量实现（给PHP开发者的PHP源码-第三部分）

    文章来自:http://www.aintnot.com/2016/02/12/phps-source-code-for-php-developers-part3-variables-ch 原文:htt ...

  2. [.net 面向对象程序设计进阶] (1) 开篇

    [.net 面向对象程序设计进阶] (1) 开篇 上一系列文章<.net 面向对象编程基础>写完后,很多小伙伴们希望我有时间再写一点进阶的文章,于是有了这个系列文章.这一系列的文章中, 对 ...

  3. Spring：源码解读Spring IOC原理

    Spring IOC设计原理解析:本文乃学习整理参考而来 一. 什么是Ioc/DI? 二. Spring IOC体系结构 (1) BeanFactory (2) BeanDefinition 三. I ...

  4. 《Entity Framework 6 Recipes》翻译系列 (3) -----第二章 实体数据建模基础之创建一个简单的模型

    第二章 实体数据建模基础 很有可能,你才开始探索实体框架,你可能会问“我们怎么开始?”,如果你真是这样的话,那么本章就是一个很好的开始.如果不是,你已经建模,并在实体分裂和继承方面感觉良好,那么你可以 ...

  5. 《Entity Framework 6 Recipes》中文翻译系列 (27) ------ 第五章 加载实体和导航属性之关联实体过滤、排序、执行聚合操作

    翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇 5-9  关联实体过滤和排序 问题 你有一实体的实例,你想加载应用了过滤和排序的相关 ...

  6. thinkPHP入门

    什么是框架 框架就是一定结构的代码,框架提供一个开发web程序的基础架构以及常用的功能 代码,PHP框架的web程序开发拜倒了流水线上. php框架就是一定要按别人规定好的架构编写. php开发框架有 ...

  7. 彻底理解nth-child和nth-of-type的区别。

    最近又有些天没写博客了,主要写一篇下来,太浪费时间了,其实这不是根本,根本是最近比较忙,忙什么呢?最近发现一个问题觉得学习速度太慢了,时间倒是花的很多,但大部分时间都花在无意义的事情上,所有打算改变政 ...

  8. 传智播客--高级控件--showdialog关闭（小白内容）

    以往我在WPF里,用ShowDialog展示出一个页面,一般都是用Close()进行关闭. 今天看传智播客的视频时,了解到还能直接给DialogResult一个TRUE或者false的属性,使页面关闭 ...

  9. 深入理解DOM节点类型第七篇——文档节点DOCUMENT

    × 目录 [1]特征 [2]快捷访问 [3]文档写入 前面的话 文档节点document,隶属于表示浏览器的window对象,它表示网页页面,又被称为根节点.本文将详细介绍文档节点document的内 ...

  10. 在C#中使用Spire.doc对word的操作总结

    在C#中使用Spire.doc对word的操作总结 在最近的工程中我们要处理一些word文档.通过在网上的大量搜索,我发现大多数软件功能不是不完整就是有重复.极少数可以完全实现的word组件又要收费. ...