---恢复内容开始---

<html>

<head>

	<meta charset="UTF-8">

		<title>树状图</title>

		<link rel="stylesheet" href="easy/themes/default/easyui.css" />

		<link rel="stylesheet" href="easy/themes/icon.css" />

		<script type="text/javascript" src="easy/jquery.min.js" ></script>

		<script type="text/javascript" src="easy/jquery.easyui.min.js" ></script>

</head>

<body>

	<!--easyui-accordion展开的作用-->

    <div class="easyui-accordion">

    	<!--iconCls="icon-ok代表的-->

    <div title="About Accordion" iconCls="icon-ok" style="overflow:auto;padding:10px;">

        <p>邯郸是国家历史文化名城，8000年前孕育了新石器早期的磁山文化；战国邯郸为赵都，魏县为魏都；[4]  汉代与洛阳、临淄、南阳、成都共享“五大都会”盛名；[5]  汉末曹魏在临漳建都，[6]  先后为曹魏、后赵、冉魏、前燕、东魏、北齐都城；北宋，北京大名府成为北宋北京；清代，大名府为直隶省第一省会。</p>

    </div>

    <div title="About easyui" iconCls="icon-reload" selected="true" style="padding:10px;">

          <p>邯郸市区位优势得天独厚。京广铁路、邯济铁路、邯长铁路、邯黄铁路、京广高铁5条铁路纵横，邯郸国际陆港坐落在此，106国道、107国道、309国道、京珠高速、青兰高速、邯大高速形成双十字交叉，邯郸国际机场坐落于冀南新区。随着邯黄铁路通车，黄骅港、京唐港联系更为快捷。</p>

    </div>

    <div title="Tree Menu">

        <ul class="easyui-tree">

            <li>

                <span>其他</span>

                <ul>

                    <li>

                        <span>王旭超知识技能</span>

                        <ul>

                            <li><span>html</span></li>

                            <li><span>php</span></li>

                            <li><span>mysql</span></li>

                        </ul>

                    </li>

                    <li><span>胃药</span></li>

                    <li><span>健胃消食片</span></li>

                </ul>

            </li>

            <li><span>火车票</span></li>

        </ul>

    </div>

</div>

</body>

</html>

　　效果图如下：

---恢复内容结束---

easyUI的基础布局easyui-accordion的更多相关文章

  1. easyUI的基础布局

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  2. EasyUI之Layout布局和Tabs页签的使用

    1.JQuery EasyUI之LayOut布局 EasyUI是一款基于JQuery开发的前端框架,它集成很多漂亮的样式和相应的功能,大大方便了我们对前端开发的难度.对于web项目而言,主页面的一定是 ...

  3. Spring+SpringMVC+MyBatis+easyUI整合基础篇（六）maven整合SSM

    写在前面的话   承接前文<Spring+SpringMVC+MyBatis+easyUI整合基础篇(五)讲一下maven>,本篇所讲述的是如何使用maven与原ssm项目整合,使得一个普 ...

  4. Spring+SpringMVC+MyBatis+easyUI整合基础篇（八）mysql中文查询bug修复

    写在前面的话 在测试搜索时出现的问题,mysql通过中文查询条件搜索不出数据,但是英文和数字可以搜索到记录,中文无返回记录.本文就是写一下发现问题的过程及解决方法.此bug在第一个项目中点这里还存在, ...

  5. Spring+SpringMVC+MyBatis+easyUI整合基础篇（十一）SVN服务器进阶

    日常啰嗦 上一篇文章<Spring+SpringMVC+MyBatis+easyUI整合基础篇(十)SVN搭建>简单的讲了一下SVN服务器的搭建,并没有详细的介绍配置文件及一些复杂的功能, ...

  6. Spring+SpringMVC+MyBatis+easyUI整合基础篇（十二）阶段总结

    不知不觉,已经到了基础篇的收尾阶段了,看着前面的十几篇文章,真的有点不敢相信,自己竟然真的坚持了下来,虽然过程中也有过懒散和焦虑,不过结果还是自己所希望的,克服了很多的问题,将自己的作品展现出来,也发 ...

  7. Spring+SpringMVC+MyBatis+easyUI整合基础篇

    基础篇 Spring+SpringMVC+MyBatis+easyUI整合基础篇(一)项目简介 Spring+SpringMVC+MyBatis+easyUI整合基础篇(二)牛刀小试 Spring+S ...

  8. EasyUI学习总结(六)——EasyUI布局

    一.EasyUI布局介绍 easyUI布局容器包括东.西.南.北.中五个区域,其中中心面板是必须的,而东.西.南.北这四个面板是可选的,如果布局里面不需要东.西.南.北这四个面板,那么可以把相应的di ...

  9. EasyUI学习总结(六)——EasyUI布局（转载）

    本文转载自:http://www.cnblogs.com/xdp-gacl/p/4088198.html 一.EasyUI布局介绍 easyUI布局容器包括东.西.南.北.中五个区域,其中中心面板是必 ...

随机推荐

  1. 你所不知道的setInterval

    在你所不知道的setTimeout记载了下setTimeout相关,此篇则整理了下setInterval:作为拥有广泛应用场景(定时器,轮播图,动画效果,自动滚动等等),而又充满各种不确定性的这set ...

  2. 如何隐藏DIV对象

    DIV对象在网页里面,相当于一个容器,在其内部,可以显示文字.图片.视频控件等等. 以下的教程,和大家一起来学习,如何隐藏DIV对象. 这必须使用CSS来控制,才能达到隐藏的目的,那么,就得使用CSS ...

  3. mysql数据库开发常见问题及优化

    mysql 数据库是被广泛应用的关系型数据库,其体积小.支持多处理器.开源并免费的特性使其在 Internet 中小型网站中的使用率尤其高.在使用 mysql 的过程中不规范的 SQL 编写.非最优的 ...

  4. 浅析JavaScript事件流——冒泡

    一.什么是事件冒泡流 我们知道事件流指的是从页面中接受事件的顺序. 为了形象理解事件冒泡,可以想象三军主将诸葛亮,在帐内运筹帷幄,眼观六路耳听八方,这时候前方的战事情况就需要靠传令兵来传达,当第一位传 ...

  5. 《你不知道的JavaScript》整理（一）——作用域、提升与闭包

    最近在读一本进阶的JavaScript的书<你不知道的JavaScript(上卷)>,里面分析了很多基础性的概念. 可以更全面深入的理解JavaScript深层面的知识点. 一.函数作用域 ...

  6. 如何写复杂的SQL

    经常有人问我那非常复杂的sql是怎么写出来的,我一直不知道该怎么回答.         因为虽然我写这样的sql很顺手,可是我却不知道怎么告诉别人怎么写. 很多人将这个问题归结为天赋,我却不这么看,我 ...

  7. [JavaEE笔记]Cookie

    引言 由于 Http 是一种无状态的协议,服务器单从网络连接上无从知道客户身份. 会话跟踪是 Web 程序中常用的技术,用来跟踪用户的整个会话.常用会话跟踪技术是 Cookie 与 Session. ...

  8. DataTable与DTO对象的简易转换类

    在web开发过程中,有时候为了数据传输的方便,比如:后台需要更新前端的ViewModel,此时我们定义一个与前端ViewModel结构一样的DTO对象,从数据层获取数据后,将数据封装成DTO然后序列化 ...

  9. 阿里巴巴最新开源项目 - [HandyJSON] 在Swift中优雅地处理JSON

    项目名称:HandyJSON 项目地址:https://github.com/alibaba/handyjson 背景 JSON是移动端开发常用的应用层数据交换协议.最常见的场景便是,客户端向服务端发 ...

  10. Mybatis的基本操作案列增加以及源码的分析（二）

    一.构建一个框架的项目的思路 首先我们先建立一个web项目,我们需要jar,mybatis-config.xml和studentDao.xml的配置随后就是dao.daoimpl.entity.的架构 ...