超強1000個jquery極品插件！

作者: 學－無－止－境來源: 博客園發布時間: 2009-12-17 18:02 閱讀: 3926 次推薦: 0 原文鏈接 [收藏]

1.導航類

(1)Horizontal accordion: jQuery

基于jQuery開發，非常簡單的水平方向折疊控件。

二手圖書二手書特價書舊書網

(2)jQuery-Horizontal Accordion

具有XBOX360 blade界面風格的水平方向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:'',

closable: false

}]

});

TabPanel item(選項卡元素)

參數說明

id<元素IDstring>

必須唯一，或者不設置該參數，否則將無法添加到選項卡組件中，默認自動生成。

title<元素標題string>

可以動態設置。

closeable<是否可關閉boolean>

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.

（12）Sliding Jquery Menu Tutorial 熱點圖書：www.hotbook.cn

（13）Animated Drop Down Menu with jQuery 熱點圖書：www.hotbook.cn

14. jQuery UI Potato Menu 熱點圖書：www.hotbook.cn

熱點圖書：www.hotbook.cn

15. Make a Mega Drop-Down Menu with jQuery 熱點圖書：www.hotbook.cn

（16）Superfish v1.4.8 – jQuery menu plugin by Joel Birch

（17）jQuery (mb)Menu 2.7 熱點圖書：www.hotbook.cn

（18） jQuery File Tree

19.jQuery & CSS Example – Dropdown Menu

熱點圖書：www.hotbook.cn

20. Reinventing a Drop Down with CSS and jQuery

熱點圖書：www.hotbook.cn

21. Simple jQuery Dropdowns

22. Styling Drop Down Boxes with jQuery

23. jQuery iPod-style Drilldown Menu

24. jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready

25. mcDropdown jQuery Plug-in v1.2.07

26. jQuery Drop Line Tabs

27. Cut & Paste jQuery Mega Menu

28. jdMenu Hierarchical Menu Plugin

The jdMenu plugin for jQuery provides a clean, simple and elegant solution for creating hierarchical drop down menus for websites to web applications.

7. JQTreeTable (演示地址)熱點圖書：www.hotbook.cn

JQTreeTable這個jQuery插件能夠將普通的HTML表格轉換成帶有嵌有Tree控件的表格。

8. jQuery Simple Tree (演示地址)熱點圖書：www.hotbook.cn

熱點圖書：www.hotbook.cn

jQuery Simple Tree是一個可拖放的樹形控件。支持通過Ajax動態加載樹節點，具有簡單易于使用和漂亮的外觀等特點。

9. jQuery plugin: Treeview (演示地址)

這個插件能夠把無序列表轉換成可展開與收縮的Tree。

14. jQuery Menu

熱點圖書：www.hotbook.cn

jQuery Menu是一個極好的菜單系統，可用于創建簡單的下拉菜單，iPod-like菜單和Flyout風格的導航菜。

15. NotesForMenu (演示地址)

熱點圖書：www.hotbook.cn

NotesForMenu是一個非常簡單的jQuery插件用于創建多層級樹形菜單，只需一行代碼就能夠實現。

18. Advanced docking using jQuery (演示地址)

熱點圖書：www.hotbook.cn

類似于MS的VS側邊可停靠工具欄。

注：不支持IE6

20. Contactable (演示地址)

Contactable這個jQuery插件可以幫助你在頁面邊框處創建一個可伸縮的反饋表單。

21.FastFind Menu Script

可拖動的嵌套菜單窗體，基于動態"AJAX"響應。

FastFind Menu Script

熱點圖書：www.hotbook.cn

22 jQuery UI Tabs

jQuery UI Tabs：一個功能強大，易于使用的Tab控件。

jQuery UI Tabs

23jstree

jsTree是一個基于jQuery的Tree控件。支持XML，JSON，Html三種數據源。提供創建，重命名，移動，刪除，拖"放節點操作。可以自己自定義創建，刪除，嵌套，重命名，選擇節點的規則。在這些操作上可以添加多種監聽事件。

jstree
熱點圖書：www.hotbook.cn

24jQuery File Tree

jQuery File Tree是一個可配置的Ajax文件瀏覽器jQuery插件。可以通過CSS定制外觀，指定文件樹展開圖標，可以自己定義展開／收縮事件、速度，配置加載信息等。 jQuery File Tree通過Ajax來獲取文件信息。

jQuery File Tree
熱點圖書：www.hotbook.cn

25Superfish

jQuery菜單插件。支持水平/垂直方向。彈出子菜單不會被

標簽：jQuery 插件

文章列表

大師兄

IT工程師數位筆記本

大師兄發表在痞客邦留言(0) 人氣()

E-mail轉寄

IT工程師數位筆記本

If you give someone a program , you will frustrate them for a day; if you teach them how to program, you will frustrate them for a lifetime.IT 這段話的意思是，如果你交給某人一隻程式，你將折磨他一整天;如果你教會某人如何寫程式，你將折磨他一輩子。

BloggerAds