`
stworthy
  • 浏览: 525670 次
  • 来自: ...
社区版块
存档分类
最新评论

Accordion for jQuery

    博客分类:
  • AJAX
阅读更多

accordion插件已经有了,但觉得还是要再写一个,作为easyui framework的一部分,目标是使之更易使用。

项目地址:http://www.etmvc.cn/project/show/68

 

在使用方法上,采用了与DOJO相似的做法,直接用一个DIV定义一个面板,如下所示:

	<div id="aa" style="width:300px;height:200px;">
		<div title="title1" icon="icon-save" style="overflow:auto;">
			<p>content1</p>
			<p>content1</p>
			<p>content1</p>
			<p>content1</p>
			<p>content1</p>
			<p>content1</p>
			<p>content1</p>
			<p>content12</p>
		</div>
		<div title="我的标题" icon="icon-reload" selected="true" style="padding:10px;">
			content2
		</div>
		<div title="title3">
			content3
		</div>
	</div>

调用方法:

$('#aa').accordion()



  • 大小: 15.6 KB
分享到:
评论

相关推荐

    jquery+easyui

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` 该示例中的关键代码...

    jquery+easyui培训文档

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on webpage more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` **参数** Accordion的...

    jquery easyui 中文文档

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` **参数** Accordion ...

    jquery_easyui_中文API.pdf

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` **1.2 参数** ...

    免费_jQuery_Easyui_教程

    &lt;p&gt;Accordion is a part of the easyui framework for jQuery. It lets you define your accordion component on a web page more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` **1.2 参数** ...

    jquery+easyui文档

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on webpage more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` **1.2 参数** ...

    jquery-easyui-中文培训文档

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on webpage more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` 此示例中,首先引入...

    jqueryAPI教程

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` 这个示例展示了如何...

    最新jquery+easyui_api培训文档

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on webpage more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` **效果:** 这个例子创建...

    jQueryEasyUi培训文档.pdf

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` **1.3 JavaScript 配置** ...

    jquery+easyui培训文档 (20111111整理完善)

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on webpage more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` **2. 参数** - **容器参数...

    jquery培训文档

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` **效果**:此示例展示...

    jQuery UI 1.7, The User Interface Library for jQuery.pdf

    《jQuery UI 1.7, The User Interface Library for jQuery》是关于jQuery UI库的一本权威指南,由Dan Wellman撰写,旨在帮助开发者构建高度交互式的Web应用程序。jQuery UI 是一个基于jQuery的开源库,提供了丰富的...

    the .Net Framework for JQuery and JQueryUI

    或者在页面上运用JQueryUI的Accordion组件展示多个分类的内容。 总结来说,.Net Framework、JQuery和JQueryUI的结合使用能够创建出功能强大且用户体验优良的Web应用。.Net Framework提供稳定的后端支持,JQuery简化...

    easyui培训文档

    &lt;p&gt;Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;"&gt;content2 &lt;div title="Title3"&gt;content3 ``` 这个例子展示了如何...

    jquery插件——多级菜单

    在本文中,我们将深入探讨如何使用jQuery来创建一个支持无限层级的多级菜单。这个话题对于Web开发人员,特别是初学者来说,是非常实用且有趣的,因为它可以帮助他们更好地理解和掌握前端交互设计。 首先,jQuery是...

    jQuery UI 1.8 The User Interface Library for jQuery

    7. **可叠放(Accordion)**:将多个段落折叠到一起,只显示一个段落的内容,节省空间并增加互动性。 8. **下拉菜单(Menu)**:创建多级下拉菜单,适用于导航栏或工具栏。 9. **按钮(Buttons)**:将普通链接或...

Global site tag (gtag.js) - Google Analytics