jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签
jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合，包括功能强大的 datagrid（数据网格）、treegrid（树形表格）、 panel（面板）、combo（下拉组合）等等。 用户可以组合使用这些组件，也可以单独使用其中一个。
根据自己的路劲导入需要的css文件和js文件
<head>
<link rel="stylesheet" type="text/css" href="css/default/easyui.css">
<link rel="stylesheet" type="text/css" href="js/jquery/jquery-easyui-1.2.1/themes/icon.css">
<script type="text/javascript" src="js/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery-easyui-1.2.1/jquery.easyui.min.js"></script>
</head>
<body>
<div id='tt' class="easyui-accordion" style="width: 100px">
<div title='tab1' style="overflow: hidden;" >
accordion1
</div>
<div title='tab2' class="subContent">
accordion2
</div>
<div title='tab3' icon="icon-reload" class="subContent">
accordion3
</div>
</div>
</body>
记得class=easyui-accordion!我是用的eclipse创建的web项目,所以启动tomcat,输入地址得到如下结果:
- 大小: 33.5 KB
- 大小: 18.4 KB
分享到：
相关推荐
EasyUI accordion导航自动生成JS
1、对折叠面板区域 div 设置 class=”easyui-accordion” ...easyui-折叠面板accordion的使用</title> <!-- 导入jquery核心类库 --> <script type=text/javascript src=../js/jqu
easyui\easyui-accordion-demo.zip easyui\easyui-crud-demo.zip easyui\easyui-datagrid10-demo.zip easyui\easyui-datagrid11-demo.zip easyui\easyui-datagrid12-demo.zip easyui\easyui-datagrid13-demo.zip ...
easyUi的使用easyUi的使用easyUi的使用easyUi的使用easyUi的使用easyUi的使用
jquery-easyui-tree学习 详情请看：http://blog.csdn.net/wild46cat/article/details/52763256
EasyUI入门学习示例源码
主要为大家详细介绍了jQuery EasyUI Accordion可伸缩面板组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本项目是一个完整的权限控制项目，有数据库表以及数据，界面使用easyui 的accordion做权限控制，后台使用oracle数据库，共4个表，用户，角色，权限，模块表，不同的用户登录，可以看到不同的导航栏
分享一个MVC+EF+EasyUI的学习资料,帮助入门是没问题的.
包含三部分： jQuery EasyUI 1.2 API文档.CHM jQuery-easyui-docs.chm jqueryeasyui中文培训文档.doc
使用easyUI创建一个CRUD的应用 使用easyUI创建一个CRUD DataGrid 使用easyUI展开行详细编辑form创建CRUD应用 使用jQuery easyUI 创建一个 RSS Feed阅读器 Drag and Drop easyUI 基础的拖动和放置 使用...
jquery+easyui学习文档 1 Accordion（可折叠标签） 2 DateBox（日期框）等
easyui的介绍详细操作，和各种使用场景，还有各种的特点
EasyUI学习PPT
一、EasyUI的目录结构 1.demo：包含各种插件的案例(不是必须的) ...7.jquery.min.js：是jquery2.0版本(在上课过程中，会使用1.x版本，因为2.0对低版本浏览器兼容性不好)(jquery是必须的，本课程使用1.x)
accordion
easyUI1.3 中文之官方文档easyUI1.3 中文之官方文档easyUI1.3 中文之官方文档easyUI1.3 中文之官方文档easyUI1.3 中文之官方文档
JQuery zTree v2.6、jquery-easyui-1.3结合使用，包含easyUI和zTree两个完整的js框架包，希望对大家有所帮助。
资源名称：Jquery easyui 使用说明内容简介：Jquery easyui 使用说明 中文PDF版主要讲述的是Jquery easyui 使用说明;感兴趣的朋友可以过来看看。jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的...