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

<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. WCF学习之旅—基于Fault Contract 的异常处理（十八）

       WCF学习之旅—WCF中传统的异常处理(十六) WCF学习之旅—基于ServiceDebug的异常处理(十七) 三.基于Fault Contract 的异常处理 第二个示例是通过定制Servic ...

  2. SQL Saturday 北京将于7月25日举办线下活动，欢迎参加

          地点:北京微软(中国)有限公司[望京利星行],三层308室     报名地址:https://onedrive.live.com/redir?page=survey&resid=f ...

  3. 【译】Unity3D Shader 新手教程(3/6) —— 更加真实的积雪

    本文为翻译,附上原文链接. 转载请注明出处--polobymulberry-博客园. 如果你满足以下条件,我建议你阅读这篇教程: 你想知道如何在表面着色器中进行混色(blend colour) 你想实 ...

  4. git 版本回退

    由于操作失误,需要将代码进行版本回退,首先在本地仓库执行了“git reset --hard HEAD^”命令,这样只会回退本地仓库的代码,但是我的代码之前已经push到了远程库中,查看远程仓库,发现 ...

  5. JSP 9大内置对象详解

    一.内置对象特点: 1.由JSP规范提供,不用编写者实例化. 2. 通过Web容器实现和管理 3.所有JSP页面均可使用 4.只有在脚本元素的表达式或代码段中才可使用(<%=使用内置对象%> ...

  6. Redis简单案例(三) 连续登陆活动的简单实现

    连续登陆活动,或许大家都不会陌生,简单理解就是用户连续登陆了多少天之后,系统就会送一些礼品给相应的用户.最常见的 莫过于游戏和商城这些.游戏就送游戏币之类的东西,商城就送一些礼券.正值国庆,应该也有不 ...

  7. PHP练习题

    在PHP中,定义一个常量define(‘HoverTree’,’何问起’,true),以下语句正确输出“何问起”的是( ).   A.echo hovertree;B.echo Hover Tree; ...

  8. Visual Studio （VSIX，项目模板 ）制作

    下载Vsiual Studio 2012 SDK 下载地址:http://www.microsoft.com/en-us/download/details.aspx?id=30668 提示:一定要注意 ...

  9. MongoDB初识

    参考: MongoDB资料汇总专题:

  10. 超越 JSON: Spearal 序列化协议简介

      Spearal 是一个新的开源的序列化协议,这个协议旨在初步替换JSON 将HTML和移动应用连接到Java的后端. Spearal的主要目的是提供一个序列协议,这个协议即使是在端点间传输的复杂的 ...