您的位置：首页 > Web前端 > JQuery

超强1000个jquery极品插件！

2012-07-22 11:55 393 查看

1.导航类

(1)Horizontal accordion: jQuery
基于jQuery开发，非常简单的水平方向折叠控件。

二手图书
 二手书
特价书旧书网

[b](2)jQuery-Horizontal Accordion[/b]
具有XBOX360 blade界面风格的水平方向Accordion。

二手图书二手书特价书旧书网

(3)jQuery plugin: Accordion
用于创建折叠菜单的jQuery插件。

二手图书二手书特价书旧书网

(4)Accordion Menu script
基于jQuery开发的可折叠菜单。

[b]二手图书二手书特价书旧书网

(5)模仿ext的tab选项卡[/b]
TabPanel(选项卡组件)
参数说明
renderTo<[b]渲染到某容器string | jQuery object | NULL>
[/b]
将选项卡组件渲染到某容器，参数类型可以为字符串，也可以为jQuery所加载的对象，如果为声明该参数，组件默认的承载容器为BODY。
items<[b]选项卡元素集合array> [/b]
选项卡组件渲染后就会显示的选项卡元素集合，具体参数请查看选项卡元素。
width<[b]宽度string | number> [/b]
选项卡组件的总宽度，默认400px。
height<[b]高度string | number> [/b]
选项卡组件中页面显示层的高度，默认300px。
border<[b]是否显示边框string> [/b]
嵌套显示选项卡时，会出现重复边框的情况，影响美观，将border设置为”none”，则可以避免，默认显示边框，不接受除”none”之外的参数值。
active<[b]渲染后默认激活哪个选项卡元素number> [/b]

下标以0为开始，默认为0。
maxLength<[b]最多显示几个选项卡元素number> [/b]

-1为无限，默认为-1。
tabs<[b]获得选项卡组件所有的选项卡元素return array> [/b]

可根据需要获得选项卡组件的所有选项卡元素。
公共方法
addTab([b]添加一个选项卡元素object) [/b]
动态向选项卡组件中添加一个选项卡元素。
flush([b]刷新选项卡元素的内容string | number) [/b]

将选项卡元素的内容刷新，参数可以为选项卡元素的ID或下标。
show([b]显示选项卡元素string | number) [/b]

显示制定选项卡元素，参数可以为选项卡元素的ID或下标。
Kill([b]关闭选项卡元素string | number) [/b]

关闭选项卡元素，参数可以为选项卡元素的ID或下标。
getTabsCount()<[b]获得选项卡元素数量return number>
[/b]
getTitle([b]获得选项卡元素的标题string | number) <return string>
[/b]
setTitle([b]设置选项卡元素的标题string | number, string)
[/b]
getContent([b]获得选项卡元素的内容string | number) <return string>
[/b]
setContent([b]设置选项卡元素的内容string | number, string)
[/b]
getDisable([b]选项卡元素是否禁用string | number) <return boolean>
[/b]
setDisable([b]设置选项卡元素是否禁用string | number)
[/b]
getCloseable([b]选项卡元素是否可关闭string | number) <return boolean>
[/b]
setCloseable([b]设置选项卡元素是否可关闭string | number, boolean)
[/b]
getActiveTab()<[b]获得被激活的选项卡元素return object>
[/b]
使用方法
页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css
new TabPanel({
renderTo:'tabs',
width: '100%',
height: '500px',
active: 0,
items: [{
title:'工作中心',
html:'',
closable: false
}]
});
TabPanel item(选项卡元素)
参数说明
id<[b]元素IDstring> [/b]
必须唯一，或者不设置该参数，否则将无法添加到选项卡组件中，默认自动生成。
title<[b]元素标题string> [/b]
可以动态设置。
closeable<[b]是否可关闭boolean> [/b]
true可关闭，false不可关闭，默认为true。

TabPanel.rar (22.94 kb)

(6)热点图书：www.hotbook.cn

（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
热点图书：www.hotbook.cn

In this tutorial you will use jQuery to create a different multi-layered horizontal navigation system that is still intuitive enough for anyone to use for the first time.