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

<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. Atitit HTTP 认证机制基本验证 (Basic Authentication) 和摘要验证 (Digest Authentication)attilax总结

    Atitit HTTP认证机制基本验证 (Basic Authentication) 和摘要验证 (Digest Authentication)attilax总结 1.1. 最广泛使用的是基本验证 ( ...

  2. 解析大型.NET ERP系统 灵活复杂的界面控件Infragistics WinForms

    Infragistics 是.NET平台优秀的控件供应商,囊括了WinForms,ASP.NET,Silverlight,WPF,Windows Phone等所有关于微软.NET技术的界面控件.借助于 ...

  3. Asp.net中存储过程拖拽至dbml文件中，提示无法获得返回值

    Asp.net中存储过程拖拽至dbml文件中,提示无法获得返回值,去属性表中设置这时候会提示你去属性表中更改返回类型. 其实存储过程返回的也是一张表,只不过有时候存储过程有点复杂或者写法不规范的话不能 ...

  4. python3爬取1024图片

    这两年python特别火,火到博客园现在也是隔三差五的出现一些python的文章.各种开源软件.各种爬虫算法纷纷开路,作为互联网行业的IT狗自然看的我也是心痒痒,于是趁着这个雾霾横行的周末瞅了两眼,作 ...

  5. 使用Design包实现QQ动画侧滑效果和滑动菜单导航

    Google在2015的IO大会上,给我们带来了更加详细的Material Design设计规范,同时,也给我们带来了全新的Android Design Support Library,在这个supp ...

  6. 自己用js实现全屏滚动

    参照fullPage.js的效果,用自己的想法实现的. 实现的效果:1.全屏滚动,滚动一下齿轮就会滚动全屏. 2.自适应缩放,无论怎么改变窗口的大小,都会保证用一个元素占满全屏. 下一步计划: 1.改 ...

  7. centos7查看系统版本，查看机器位数x86-64

    前言 由于不经常使用linux,每当使用的时候就是安装软件,安装软件的时候就要选择安装包平台,是32位的还是64位的.这时候突然发现不知道怎么查,于是百度.虽然轻而易举百度出来,但仍旧没有自己的笔记看 ...

  8. jquery禁用文本框

    禁用文本框 //文本框禁用 $("input[type='text']").each(function () { $("#" + this.id).attr(& ...

  9. Java全角、半角字符的关系以及转换

    如果搞明白了Java中全角字符和半角字符之间的关系,那他们之间的转换就不是个麻烦事儿.你只需要对这个关系有那么一个印象就足够了. 全角字符与半角字符的关系 通过下面的代码能看到Java中所有字符以及对 ...

  10. Python VS PHP 基础语法

    这几天在学习Python,鄙人平时学习中为了方便记忆和更好的比较与理解语言二者之间在某些情况的优劣性,所以花了点时间,整理了一下 Python 和 PHP 常用语法的一些区别. 一.大小写 PHP: ...