zoukankan      html  css  js  c++  java
  • 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>
    

      效果图如下:

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

  • 相关阅读:
    打造基于CentOS7的xfce最简工作环境
    Linux下C程序的编辑,编译和运行以及调试
    修正 XE6 TListView 上方 SearchBok 右边的清除钮显示
    TabControl 显示彩色的图示 (XE6 Firemonkey)
    TSwitch 中文简繁显示支持(XE6 Android)
    改变 TMemo 的背景颜色 (Firemonkey)
    修正 XE5 Android 键盘三个问题
    Delphi 收藏
    展示 Popup 的使用方法
    ListView 下拉更新 (支持 Android)
  • 原文地址:https://www.cnblogs.com/StinkyKids/p/6183903.html
Copyright © 2011-2022 走看看