30多個CSS和JS下拉式功能表資源

文章目錄

• 橫向和縱向的下拉式功能表
• 下拉式功能表教程
• 下拉式功能表產生器

導覽功能表是網站設計中最重要的因素之一。網路開發人員可以使用CSS建立方便使用者的橫向或縱嚮導航菜單, 而JavaScript則使人們有可能創造更多的互動，更多的響應和更靈活的導航到任何網站。Noupe在這篇文章裡面提出了25個以上（橫向和縱向）多層次的下拉式功能表，包括使用了JavaScript和CSS ，你可以將這些樣本和教程用你的未來網站設計計劃。帕蘭照常為你翻譯, 你也可以查看帕蘭映像之前發表的一些關於菜單應用的文章:

• IzzyMenu: 線上建立DHTML/CSS菜單
• 9款CSS菜單產生器/含線上CSS導覽功能表產生和CSS菜單產生軟體
• 50多套CSS導覽功能表免費資源
• ADxMenu:基於Javascript和CSS的下拉式功能表
• Flickr的橫向下拉式功能表效果實現教程
• Likno AllWebMenus?:強大的導覽功能表產生軟體
• 建立Wordpress主題的懸浮菜單
• 60多個網頁導覽功能表設計執行個體欣賞

橫向和縱向的下拉式功能表

1) Drop Down Tabs (5 styles)- Drop Down Tabs是一個橫向的CSS 選項卡菜單, 每個選項卡都支援二級下拉式功能表.

2) Professional Dropdown

3) Multi-level effect menu- 這是一個高度可配置的 javascript/css下拉式功能表, 可以讓你輕鬆產生多級層聯的橫向或縱向下拉式功能表.

30多個CSS和JS下拉式功能表資源/帕蘭映像

4) FastFind Menu- 一個基於 jQuery的菜單, AJAX的響應效果, 這個菜單可以 進行拖拽操作.

5) jQuery SuckerFish

6) Fancy Sliding Tab Menu using script.aculo.us

7) List Based Menu with Images- 使用<UL><LI>元素產生的菜單, 它使用簡單, 並且結構非常有利於搜尋引擎

30多個CSS和JS下拉式功能表資源/帕蘭映像

8 ) Slide down menu- 一個基於<UL><LI>列表元素的滑動菜單.

9) Dropdownmenu made with scriptaculous/prototype- 一個多級層聯的下拉式功能表.

10) Suckerfish-style menu plugin for jQuery-一個效果不錯的二級橫各菜單.

11) Building a dynamic drop down menu

12) onMenuOpen onMenuCollapse Events

13) Mootools menu with accordion and effects- 這是一個簡單的下拉式功能表, 當滑鼠懸浮的時候產生手風琴的彈出效果.

30多個CSS和JS下拉式功能表資源/帕蘭映像

14) Mootools Unlimited Drop Menu

15) Creating an Outlook Navigation Bar- 使用列表產生的Outlook風格的導覽功能表.

16) Simple CSS vertical menu Digg-like- 這個教程向你展示如何建立一個Digg風格的下拉式功能表, 通過JS和CSS實現, 並且點擊實現展示和隱藏.

17) Drop down menu with Prototype 基於Prototype架構的下拉式功能表

18) Drop down menu with nested submenus- 使用CSS 和少許的 JavaScript

30多個CSS和JS下拉式功能表資源/帕蘭映像

19) Drop down menu with jquery- 一個下拉動畫菜單, 使用 jquery架構

20) jdMenu Hierarchical Menu- The jdMenu plugin基於jQuery架構, 為你提供一個簡潔的方法產生漂亮的二級導覽功能表.

21) jQuery plugin: Treeview-這是一個輕量級和靈活的多級樹形下拉式功能表, 類似於Windows的資源管理員.

22) Drop Down menu

23) Accessible fold-out menu

30多個CSS和JS下拉式功能表資源/帕蘭映像

24) Accordion Menu script-這是一個教程樣本 ,將你如何建立一個手風琴效果的二級下拉式功能表.

25) Complex Dynamic Lists- 使用無序列表, 建立一個比較複雜的多級層聯菜單.

26) Chrome CSS Drop Down Menu- Chrome Menu是一個CSS 和 JavaScript 結合的下拉式功能表, 它的使用非常簡單, 且對搜尋引擎友好.

下拉式功能表教程

CSS Pop-Out Menu Tutorial

30多個CSS和JS下拉式功能表資源/帕蘭映像

CSS Express Drop-Down Menus- CSS Express menus可以給每個橫各菜單元素添加一個縱向的下拉式功能表.

Son of Suckerfish Dropdowns- 一個便於使用,超輕量級的下拉式功能表, (僅僅需要12 行 JavaScript代碼), 可以產生多級層聯的下拉式功能表, 且相容各大主流瀏覽器

30多個CSS和JS下拉式功能表資源/帕蘭映像

下拉式功能表產生器

Izzymenu- Ajax介面操作, 讓你可以輕鬆產生自己的CSS下拉DHTML菜單,然後通過一行代碼引用即可