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
分享到:
相关推荐
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;">content2 <div title="Title3">content3 ``` 该示例中的关键代码...
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on webpage more easily. ;">content2 <div title="Title3">content3 ``` **参数** Accordion的...
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;">content2 <div title="Title3">content3 ``` **参数** Accordion ...
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;">content2 <div title="Title3">content3 ``` **1.2 参数** ...
<p>Accordion is a part of the easyui framework for jQuery. It lets you define your accordion component on a web page more easily. ;">content2 <div title="Title3">content3 ``` **1.2 参数** ...
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on webpage more easily. ;">content2 <div title="Title3">content3 ``` **1.2 参数** ...
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on webpage more easily. ;">content2 <div title="Title3">content3 ``` 此示例中,首先引入...
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;">content2 <div title="Title3">content3 ``` 这个示例展示了如何...
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on webpage more easily. ;">content2 <div title="Title3">content3 ``` **效果:** 这个例子创建...
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;">content2 <div title="Title3">content3 ``` **1.3 JavaScript 配置** ...
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on webpage more easily. ;">content2 <div title="Title3">content3 ``` **2. 参数** - **容器参数...
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;">content2 <div title="Title3">content3 ``` **效果**:此示例展示...
《jQuery UI 1.7, The User Interface Library for jQuery》是关于jQuery UI库的一本权威指南,由Dan Wellman撰写,旨在帮助开发者构建高度交互式的Web应用程序。jQuery UI 是一个基于jQuery的开源库,提供了丰富的...
或者在页面上运用JQueryUI的Accordion组件展示多个分类的内容。 总结来说,.Net Framework、JQuery和JQueryUI的结合使用能够创建出功能强大且用户体验优良的Web应用。.Net Framework提供稳定的后端支持,JQuery简化...
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily. ;">content2 <div title="Title3">content3 ``` 这个例子展示了如何...
在本文中,我们将深入探讨如何使用jQuery来创建一个支持无限层级的多级菜单。这个话题对于Web开发人员,特别是初学者来说,是非常实用且有趣的,因为它可以帮助他们更好地理解和掌握前端交互设计。 首先,jQuery是...
7. **可叠放(Accordion)**:将多个段落折叠到一起,只显示一个段落的内容,节省空间并增加互动性。 8. **下拉菜单(Menu)**:创建多级下拉菜单,适用于导航栏或工具栏。 9. **按钮(Buttons)**:将普通链接或...