對于我們大多數(shù)人來說，建立一個負責任的布局中最困難的方面是規(guī)劃和導航的實現(xiàn)。由于沒有真正經(jīng)得起考驗的通用解決方案，您可以使用的菜單設計風格將取決于正在建設的網(wǎng)站類型。無論你正在建設什么類型的網(wǎng)站，在這篇文章中我們將向推薦一批制作響應式導航的 jQuery 插件，為您提供方便快速的解決方案。

　　對于我們大多數(shù)人來說，建立一個負責任的布局中最困難的方面是規(guī)劃和導航的實現(xiàn)。由于沒有真正經(jīng)得起考驗的通用解決方案，您可以使用的菜單設計風格將取決于正在建設的網(wǎng)站類型。

　　無論你正在建設什么類型的網(wǎng)站，在這篇文章中我們將向推薦一批制作響應式導航的 jQuery 插件，為您提供方便快速的解決方案。

 

Sidr

Sidr 是創(chuàng)建側(cè)欄和響應式菜單的最佳 jQuery 插件，提供了多種菜單的顯示方案。

Sidr →GitHub →

Navgoco

Navgoco 是一個簡單的插件，可以把一個鏈接嵌套無序列表轉(zhuǎn)換成一個美麗的立式多級滑動導航，通過使用 Cookie 以及可選擔任手風琴菜單來保存會話之間擴展子菜單的能力。

Navgoco →GitHub →

FlexNav

FlexNav 是使用媒體查詢和 jQuery 來實現(xiàn)健壯的下拉菜單。這是一個“設備無關(guān)的方法來實現(xiàn)復雜的網(wǎng)站導航，提供觸摸和鍵盤可訪問性支持”。

FlexNav →GitHub →

SmartMenus

 SmartMenus是一個功能豐富的插件，用于創(chuàng)建水平或垂直響應的，基于列表的菜單。

SmartMenu →GitHub →

jQuery Menu Aim

Menu-Aim 可以通過一個下拉項懸停試圖導航到一個子菜單的內(nèi)容。這個問題是使用超時和延時通常解決。通過檢測用戶的鼠標移動的方向來解決這個問題。導航向上和向下的菜單時，這可以使更快的轉(zhuǎn)換。

jQuery Menu Aim →

jPanelMenu

jPanelMenu 這個 jQuery 插件，創(chuàng)建一個動畫鑲板式菜單（像出現(xiàn)在Facebook和谷歌的移動版本的類型）。動畫是通過CSS轉(zhuǎn)換，如絲般柔滑。

jPanelMenu →GitHub →

Flaunt.js

Flaunt.js 這款插件允許你創(chuàng)建一個具有響應性，嵌套的導航，開箱即用。

Flaunt.js →

TinyNav.js

TinyNav.js 是一個輕量級的插件，用于轉(zhuǎn)換<UL>和<OL>為下拉的菜單。。

TinyNav.js →GitHub →

HorizontalNav

HorizontalNav 插件將跨越一個橫向?qū)Ш剑赃m應全寬它的容器，并配備了一個選項，可以控制是否開啟響應式支持。

HorizontalNav →GitHub →

jQuery.mmenu

jQuery.mmenu 是一個插件，用于創(chuàng)建光滑，為你的移動網(wǎng)站創(chuàng)建和應用程序極為相象的滑動菜單。

jQuery.mmenu →

 

本文鏈接：15款幫助你實現(xiàn)響應式導航的 jQuery 插件

編譯來源：夢想天空 ◆ 關(guān)注前端開發(fā)技術(shù) ◆ 分享網(wǎng)頁設計資源