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
分享到：
相关推荐
1、对折叠面板区域 div 设置 class=”easyui-accordion” ...easyui-折叠面板accordion的使用</title> <!-- 导入jquery核心类库 --> <script type=text/javascript src=../js/jqu
EasyUI accordion导航自动生成JS
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 ...
jQuery EasyUI Tree的基础使用主要涉及以下几个方面： 1. **引入依赖**： 在HTML页面中，我们需要引入jQuery、jQuery EasyUI的核心CSS和JS文件，以及Tree组件的特定CSS和JS文件。确保这些资源已正确加载，是使用...
easyUi的使用easyUi的使用easyUi的使用easyUi的使用easyUi的使用easyUi的使用
在使用 jQuery EasyUI Accordion 组件之前，需要先引入 jQuery EasyUI 的核心库文件，包括 jQuery 库、jQuery EasyUI 的 JavaScript 文件以及 CSS 样式文件。在给定的示例代码中，首先通过标签引入了 jQuery 的核心...
EasyUI入门学习示例源码
这个学习资料集合涵盖了三个关键部分，可以帮助初学者和有经验的开发者深入理解和熟练运用jQuery EasyUI。 首先，"jQuery EasyUI 1.2 API文档.CHM"是官方提供的API参考手册，详细列出了1.2版本的所有组件和方法。在...
EasyUI 是一个基于 jQuery 的前端框架，主要用于构建用户界面，尤其适用于企业级的 Web 应用...通过学习这些资源，开发者可以更熟练地运用 EasyUI 进行前端开发，提高工作效率，打造出专业且用户体验良好的 Web 应用。
本项目是一个完整的权限控制项目，有数据库表以及数据，界面使用easyui 的accordion做权限控制，后台使用oracle数据库，共4个表，用户，角色，权限，模块表，不同的用户登录，可以看到不同的导航栏
通过这个"JQuery EasyUI学习例子"，你可以了解到如何使用EasyUI快速构建功能丰富的前端界面。同时，它也是一个很好的起点，引导你进一步探索和掌握jQuery EasyUI的更多高级特性。在实际项目中，结合后端接口，你可以...
使用easyUI创建一个CRUD的应用 使用easyUI创建一个CRUD DataGrid 使用easyUI展开行详细编辑form创建CRUD应用 使用jQuery easyUI 创建一个 RSS Feed阅读器 Drag and Drop easyUI 基础的拖动和放置 使用...
1. **jQuery 基础**：EasyUI 是建立在 jQuery 之上的，因此熟悉 jQuery 的基本操作，如选择器、事件处理和DOM操作，是使用 EasyUI 的前提。 2. **主题系统**：EasyUI 提供了多种预设主题，可以通过简单的配置改变...
本篇文章将详细介绍如何将EasyUI与zTree结合使用，以及这两个库的基本功能。 EasyUI是一款基于jQuery的轻量级前端框架，它提供了一系列预定义的CSS样式和JavaScript组件，如窗口、表格、菜单、对话框等，帮助开发者...
结合以上知识点，"MVC+EF+EasyUI"的学习资料通常会涵盖如何在MVC项目中集成和使用EF进行数据访问，以及如何利用EasyUI创建用户友好的前端界面。学习者将学习到如何定义模型类，配置数据库上下文，创建控制器并处理...
"Accordion"在IT行业中通常指的是一个...理解和熟练使用Accordion的HTML结构、CSS样式以及JavaScript交互是前端开发者必备的技能之一。通过对提供的文件进行分析，我们可以深入学习和实现各种Accordion的定制化需求。
EasyUI 是一个基于 jQuery 的前端框架，主要用于快速构建用户界面，尤其适合企业级应用的后台管理系统。这个"easyui写的前台完整管理...通过深入学习和理解EasyUI，开发者可以更高效地开发出符合业务需求的前端界面。
【EasyUI 多层导航框架】是一个基于JavaScript和CSS的前端框架，专为构建具有高效用户体验的Web应用程序而设计。EasyUI提供了一系列...对于想要学习或提升EasyUI使用技巧的开发者来说，这是一个非常宝贵的实践案例。
在本文中，我们将深入探讨如何在EasyUI框架中有效地使用时间控件，以及如何解决时间格式化的问题。EasyUI是一个基于jQuery的轻量级前端开发框架，它提供了一系列丰富的组件，帮助开发者快速构建用户界面。时间控件是...