easyUI的基础布局easyui-accordion

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

<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>

  效果图如下:

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

原文地址:https://www.cnblogs.com/StinkyKids/p/6183903.html