12個響應式導航菜單jQuery插件,讓您輕鬆應對響應式網站!

對於大多數人來講,構建一個響應佈局中最困難的部分是導航菜單的設計和編碼。因爲沒有真正久經考驗的經常使用解決方案,你採用的菜單形式將視乎於正在構建的網站總體排版佈局。jquery

如 果是一個小型網站,一個<select>下拉菜單或者一個基本的「三線」切換菜單就能夠知足了。但若是是一個比較大型的網站(以一個電子商務 商店爲例)在其PC版網站是依靠一個複雜的導航菜單,那麼在屏幕較小的設備上最可以幫助你的是一個抽屜式或動畫的側面導航菜單。git

因此,不管你正在構建什麼類型的網站,在這篇文章中,咱們收集了15個響應導航菜單的jQuery插件,但願可以爲你提供解決方案。github

 

一、Sidr

Sidr - jQuery Responsive Navigation Plugin

查看 sidr 演示  佈局

 

二、Navgoco

Navgoco - jQuery Responsive Navigation Plugin

查看 navgoco 演示 post

 

三、FlexNav

FlexNav - jQuery Responsive Navigation Plugin

查看 FlexNav 演示flex

 

四、SmartMenus

SmartMenus - jQuery Responsive Navigation Plugin

查看 SmartMenus 演示動畫

 

五、jQuery slimMenu

jQuery slimMenu - jQuery Responsive Navigation Plugin

查看 slimMenu 演示網站

 

六、jPanelMenu

jPanelMenu - jQuery Responsive Navigation Plugin

查看 jPanelMenu 演示編碼

 

七、Flaunt.js

Flaunt.js - jQuery Responsive Navigation Plugin

查看 Flaunt 演示spa

 

八、Naver

Naver - jQuery Responsive Navigation Plugin

查看 Naver 演示

 

九、TinyNav.js

TinyNav.js - jQuery Responsive Navigation Plugin

查看 TinyNav 演示

 

十、HorizontalNav

HorizontalNav - jQuery Responsive Navigation Plugin

查看 HorizontalNav 演示

 

十一、jQuery.mmenu

jQuery.mmenu - jQuery Responsive Navigation Plugin

 

查看 mmenu 演示

 

十二、MeanMenu

MeanMenu - jQuery Responsive Navigation Plugin

查看 MeanMenu 演示

相關文章
相關標籤/搜索