初试jQueryEasyUI使用介绍资源-CSDN文库

198 浏览量 2020-10-29 05:59:50 上传评论收藏 73KB PDF 举报

资源推荐

资源详情

资源评论

初试初试jQuery EasyUI 使用介绍使用介绍

想必关注jQuery的同学们对jQuery EasyUI已经有所耳闻了，目前已经更新到1.0.5版本，风格与EXTJS有点相

似，可以很好的满足开发人员对UI的需求。

jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美

观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html

标签。

jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，window等等。

OK，下面就开始我们的初探之旅。

jQuery EasyUI---Accordion

手风琴效果，大家应该很熟悉。

基本代码：

复制代码代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Accordion</title>

<script src="../jquery-1.4.2.min.js" type="text/javascript"></script>

<script src="../jquery.easyui.min.js" type="text/javascript"></script>

<link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" />

<link href="../themes/icon.css" rel="stylesheet" type="text/css" />

<script type="text/javascript"></script>

</head>

<body>

<div style="overflow:auto;width:600px;height:300px;padding:10px;border:1px solid #ccc;">

<div id="aa" class="easyui-accordion" fit="true" style="width:300px;height:200px;">

<div title="Title1" style="overflow:auto;padding:10px;">

<h3>Accordion1</h3>

</div>

<div title="Title2" style="padding:10px;">

<h3>Accordion2</h3>

</div>

<div title="Title3">

<h3>Accordion3</h3>

</div>

</div>

</div>

</body>

</html>

代码非常简单，只需要简单的html就可以实现。这里最重要的就是首先要引用jquery-1.4.2.min.js和jquery.easyui.min.js。

效果：

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余6页未读，立即下载

内容反馈

weixin_38620893

粉丝: 4
资源: 888

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip