1 Star 0 Fork 139

guoxinli/dwz_jui

forked from DWZ团队/DWZ_JUI 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
w_accordion.html 4.71 KB
一键复制 编辑 原始数据 按行查看 历史
ZhangHuihua 提交于 2013-07-26 11:43 . first commit
<div class="pageContent" layoutH="0">
<div class="accordion" style="width:300px;float:left;margin:5px;">
<div class="accordionHeader">
<h2><span>Folder</span>界面组件</h2>
</div>
<div class="accordionContent">
<ul class="tree treeFolder">
<li><a href="tabsPage.html" target="navTab">框架面板</a>
<ul>
<li><a href="main.html" target="navTab" rel="main">我的主页</a></li>
<li><a href="demo_page1.html" target="navTab" rel="page1">页面一</a></li>
<li><a href="demo_page1.html" target="navTab" rel="page1">替换页面一</a></li>
<li><a href="demo_page2.html" target="navTab" rel="page2">页面二</a></li>
<li><a href="demo_page4.html" target="navTab" rel="page3" title="页面三(自定义标签名)">页面三</a></li>
</ul>
</li>
<li><a href="w_panel.html" target="navTab" rel="w_panel">面板</a></li>
<li><a href="w_tabs.html" target="navTab" rel="w_tabs">选项卡面板</a></li>
<li><a href="w_dialog.html" target="navTab" rel="w_dialog">弹出窗口</a></li>
<li><a href="w_alert.html" target="navTab" rel="w_alert">提示窗口</a></li>
<li><a href="w_list.html" target="navTab" rel="w_list">CSS表格容器</a></li>
<li><a href="demo_page1.html" target="navTab" rel="w_table">表格容器</a></li>
<li><a href="w_tree.html" target="navTab" rel="w_tree">树形菜单</a></li>
<li><a href="w_editor.html" target="navTab" rel="w_editor">编辑器</a></li>
<li><a href="w_validation.html" target="navTab" rel="w_validation">表单组件</a>
<ul>
<li><a href="w_validation.html" target="navTab" rel="w_validation">表单验证</a></li>
<li><a href="w_datepicker.html" target="navTab" rel="w_datepicker">日期控件</a></li>
<li><a href="w_button.html" target="navTab" rel="w_button">按钮</a></li>
<li><a href="w_textInput.html" target="navTab" rel="w_textInput">文本框/文本域</a></li>
<li><a href="w_combox.html" target="navTab" rel="w_combox">下拉菜单</a></li>
<li><a href="w_checkbox.html" target="navTab" rel="w_checkbox">多选框/单选框</a></li>
</ul>
</li>
</ul>
</div>
<div class="accordionHeader">
<h2><span>Folder</span>典型页面</h2>
</div>
<div class="accordionContent">
<ul class="tree treeFolder treeCheck">
<li><a href="demo_upload.html" tname="name" tvalue="roger" target="navTab" rel="demo_upload">文件上传表单提交示例</a></li>
<li><a href="demo_page1.html" tname="name" tvalue="roger" target="navTab" rel="demo_page1">查询我的客户</a></li>
<li><a href="demo_page1.html" tname="name" tvalue="roger" target="navTab" rel="demo_page2">表单查询页面</a></li>
<li><a href="demo_page4.html" tname="name" tvalue="roger" target="navTab" rel="demo_page4">表单录入页面</a></li>
<li><a href="demo_page5.html" tname="name" tvalue="roger" target="navTab" rel="demo_page5">有文本输入的表单</a></li>
<li><a href="#" tname="name" tvalue="roger">有提示的表单输入页面</a>
<ul>
<li><a href="#" tname="name" tvalue="roger" >页面一</a></li>
<li><a href="#" tname="name" tvalue="roger" >页面二</a></li>
</ul>
</li>
<li><a href="#" tname="name" tvalue="roger" >选项卡和图形的页面</a>
<ul>
<li><a href="#" tname="name" tvalue="roger" >页面一</a></li>
<li><a href="#" tname="name" tvalue="roger" >页面二</a></li>
</ul>
</li>
<li><a href="#" tname="name" tvalue="roger" >选项卡和图形切换的页面</a></li>
<li><a href="#" tname="name" tvalue="roger" >左右两个互动的页面</a></li>
<li><a href="#" tname="name" tvalue="roger" >列表输入的页面</a></li>
<li><a href="#" tname="name" tvalue="roger" >双层栏目列表的页面</a></li>
</ul>
</div>
<div class="accordionHeader">
<h2><span>Folder</span>流程演示</h2>
</div>
<div class="accordionContent">
<ul class="tree">
<li><a href="newPage1.html" target="dialog" rel="dlg_page">列表</a></li>
<li><a href="newPage1.html" target="dialog" rel="dlg_page">列表</a></li>
<li><a href="newPage1.html" target="dialog" rel="dlg_page2">列表</a></li>
<li><a href="newPage1.html" target="dialog" rel="dlg_page2">列表</a></li>
</ul>
</div>
</div>
<div class="accordion" style="width:300px;float:left;margin:5px;">
<div class="accordionHeader">
<h2><span>icon</span>面板1</h2>
</div>
<div class="accordionContent" style="height:200px">
内容1
</div>
<div class="accordionHeader">
<h2><span>icon</span>面板2</h2>
</div>
<div class="accordionContent">
内容2
</div>
<div class="accordionHeader">
<h2><span>icon</span>面板3</h2>
</div>
<div class="accordionContent">
内容3
</div>
</div>
</div>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/guoxinli/dwz_jui.git
git@gitee.com:guoxinli/dwz_jui.git
guoxinli
dwz_jui
dwz_jui
master

搜索帮助