easyUI的基础布局easyui-accordion

时间：2023-03-09 08:35:59
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>

　　效果图如下：easyUI的基础布局easyui-accordion

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

相关文章