(2)jQuery-Horizontal Accordion 具有XBOX360blade界面风格的水平方向Accordion。
(3)jQuery plugin:Accordion
用于创建折叠菜单的jQuery插件。
(4)Accordion Menu script
基于jQuery开发的可折叠菜单。
(5)模仿ext的tab选项卡
TabPanel(选项卡组件)
参数说明
renderTo<;渲染到某容器string|jQuery object|NULL>
将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该
参数,组件默认的承载容器为BODY。
items<;选项卡元素集合array>
选项卡组件渲染后就会显示的选项卡元素集合,具体参数请查看选项卡元素。
width<;宽度string|number>
选项卡组件的总宽度,默认400px。
height<;高度string|number>
选项卡组件中页面显示层的高度,默认300px。
border<;是否显示边框string>
嵌套显示选项卡时,会出现重复边框的情况,影响美观,将border设置为”none”,则可以避免,默认显示边框,不接受除”none”之外的参数值。
active<;渲染后默认激活哪个选项卡元素number>
下标以0为开始,默认为0。
maxLength<;最多显示几个选项卡元素number>
-1为无限,默认为-1。
tabs<;获得选项卡组件所有的选项卡元素return array>
可根据需要获得选项卡组件的所有选项卡元素。
公共方法
addTab(添加一个选项卡元素object)
动态向选项卡组件中添加一个选项卡元素。
flush(刷新选项卡元素的内容string|number)
将选项卡元素的内容刷新,参数可以为选项卡元素的ID或下标。
show(显示选项卡元素string|number)
显示制定选项卡元素,参数可以为选项卡元素的ID或下标。
Kill(关闭选项卡元素string|number)
关闭选项卡元素,参数可以为选项卡元素的ID或下标。
getTabsCount()<;获得选项卡元素数量return number>
getTitle(获得选项卡元素的标题string|number)<return string>
setTitle(设置选项卡元素的标题string|number,string)
getContent(获得选项卡元素的内容string|number)<return string>
setContent(设置选项卡元素的内容string|number,string)
getDisable(选项卡元素是否禁用string|number)<return boolean>
setDisable(设置选项卡元素是否禁用string|number)
getCloseable(选项卡元素是否可关闭string|number)<return boolean>
setCloseable(设置选项卡元素是否可关闭string|number,boolean)
getActiveTab()<;获得被激活的选项卡元素return object>
使用方法
页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css
new TabPanel({
renderTo:'tabs',
width:'100%',
height:'500px',
active:0,
items:[{
title:'工作中心',
html:'<iframe width="100%"height="100%"frameborder="0"></iframe>', closable:false
}]jquery免费特效下载
});
TabPanel item(选项卡元素)
参数说明
id<;元素IDstring>
必须唯一,或者不设置该参数,否则将无法添加到选项卡组件中,默认自动生成。title<;元素标题string>
可以动态设置。
closeable<;是否可关闭boolean>
true可关闭,false不可关闭,默认为true。
TabPanel.rar(22.94kb)
(6)
(7)De-Constructing Accordion and Hover Effects with jQuery
(8)导航到页内指定位置
Automatically generate table of contents using jQuery
(9)“Outside the Box”Navigation with jQuery
This tutorial will cover a few ways to do just that with OS X style docks and stacks navigation.
(10)Sexy Drop Down Menu w/jQuery&CSS
In this tutorial you will learn how to create a sexy drop down menu that can also degrade gracefully.
(11)A Different Top Navigation
(12)Sliding Jquery Menu Tutorial
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论