jQuery easyUI--accordion折叠面板

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>accordion折叠面板</title><script type="text/javascript" src="../js/jquery-1.8.3.js" ></script><script type="text/javascript" src="../js/easyui/jquery.easyui.min.js" ></script><script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js" ></script><link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" /><link rel="stylesheet" href="../js/easyui/themes/icon.css" /></head><body class="easyui-layout"><div data-options="region:'north',title:'你我他学习吧管理系统'" style="height: 100px;">北部区域</div><div data-options="region:'west',title:'菜单导航'" style="width: 180px;"><!--折叠面板 --><div class="easyui-accordion" data-options="fit:true"><div data-options="title:'基础菜单'">面板一</div><div data-options="title:'系统菜单'">面板二</div></div></div><div data-options="region:'center'">中部区域</div><div data-options="region:'east'" style="width: 80px;">东部区域</div><div data-options="region:'south'" style="height: 80px;">南部区域</div></body>
</html>

jQuery easyUI--accordion折叠面板相关推荐

EasyUI Accordion折叠面板
EasyUI Accordion折叠面板 Accordion介绍效果图依赖于panel 用法刷新折叠面板(Accordion Panel)内容新添加面板获取指定的面板(panel)索引容器 ...
html easyui怎么实现折叠面板,Easyui Accordion 折叠面板_EasyUI 插件
通过 $.fn.accordion.defaults 重写默认的 defaults. 折叠面板(accordion)允许您提供多个面板(panel),同时显示一个或多个面板(panel).每个面板(p ...
html accordion折叠菜单动态,jQuery EasyUI 布局插件 – Accordion 折叠面板 | 菜鸟教程...
jQuery EasyUI 布局插件 - Accordion 折叠面板 jQuery EasyUI 插件通过 $.fn.accordion.defaults 重写默认的 defaults. 折叠面板 ...
第一百九十九节，jQuery EasyUI，Panel(面板)组件
jQuery EasyUI,Panel(面板)组件学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解EasyUI中Panel(面板)组件的使用方法,这个组件不依赖于其 ...
EasyUI中Accordion折叠面板的简单使用
场景效果容器选项名称类型描述默认值 width number 折叠面板(Accordion)容器的宽度. auto height number 折叠面板(Accordion)容器的高度. ...
Jquery Accordion 折叠面板
属性类型默认值 active Boolean/Number/jQuery/Selector/Element 第一个面板设定默认显示的面板.设置为 false 时默认不显示面板,需 collaps ...
网站前端_EasyUI.基础入门.0002.带你玩转jQuery EasyUI Panel组件 ?
简单介绍: 说明: Panel面板常当作其它内容的容器,可用于创建包含Layout布局/Tabs选项卡/Accordion折叠面板等基础组件,还提供了内置的折叠/关闭/最大化/最小化的行为,你可以将它 ...
jQuery EasyUI ztree插件使用
1.下载easyUI的开发包该包的结构是 2.将easyUI的资源文件引入的页面中: <link rel="stylesheet" type="text/css& ...
jQuery EasyUI 折叠面板accordion的使用实例
1.对折叠面板区域 div 设置 class="easyui-accordion" 2.在区域添加多个 div, 每个 div 就是一个面板 (每个面板一定要设置 title 属性 ...

jQuery easyUI--accordion折叠面板

jQuery easyUI--accordion折叠面板相关推荐

最新文章

热门文章