15个响应式设计的导航菜单jQuery插件

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:情非得已

关键词

制作响应式设计的网站,自适应各种手机、平板、桌面平台的分辨率是必需的,否侧网站怎么算是Responsive Design呢?下面设计达人网为大家整理的15个响应式设计的导航菜单jQuery插件,展示方式很多,大家可以根据自己的需求去选择使用。

Sidr

Sidr 是一个非常容易使用的响应式菜单jQuery插件,展示方式侧边,支持左右sidbar。

15个响应式设计的导航菜单jQuery插件

Sidr | GitHub

Navgoco

Navgoco是一个简约的手风琴菜单jQuery响应式插件,垂直方式展示,类似于垂直的Tab选项卡。

15个响应式设计的导航菜单jQuery插件


Navgoco | GitHub

FlexNav

FlexNav 这个自适应屏幕菜单插件支持多级,展示方式:垂直

15个响应式设计的导航菜单jQuery插件


FlexNav | GitHub

SmartMenus

SmartMenus 响应式菜单插件的展示方式支持水平、垂直两种。

15个响应式设计的导航菜单jQuery插件


SmartMenu | GitHub

jQuery Menu Aim

15个响应式设计的导航菜单jQuery插件

jQuery Menu Aim

Side Toggle Menu

Side 有点像sidr插件,也支持左右侧边栏菜单展示。

15个响应式设计的导航菜单jQuery插件


Side Toggle Menu

jQuery slimMenu

15个响应式设计的导航菜单jQuery插件

jQuery slimMenu | GitHub

jPanelMenu

jPanelMenu 响应式菜单jQuery插件以左侧边栏的方式展示。

15个响应式设计的导航菜单jQuery插件


jPanelMenu | GitHub

Flaunt.js

15个响应式设计的导航菜单jQuery插件

Flaunt.js

Naver

Naver 这个菜单插件比较简单,如果你的导航内容不多的话可以使用这个。

15个响应式设计的导航菜单jQuery插件


Naver | GitHub

TinyNav.js

TinyNav.js 响应式设计导航jQuery插件,展示方式:下拉选择框。

15个响应式设计的导航菜单jQuery插件


TinyNav.js | GitHub

Responsive-Menu

Responsive-Menu 这个响应式导航的展示方式:下拉选择框。

Responsive-Menu

HorizontalNav

水平的响应式设计导航插件,优点就是自适应水平居中,缺点就是,菜单太多在手机的分辨屏的展示不是很友好,各有所需,没有最好,只有最适合的。

15个响应式设计的导航菜单jQuery插件


HorizontalNav | GitHub

jQuery.mmenu

jQuery.mmenu 适用于手机网站建设的导航jQuery插件。

15个响应式设计的导航菜单jQuery插件


jQuery.mmenu

MeanMenu

MeanMenu 一个自适应屏幕宽度的响应式导航菜单,展示方式:垂直下拉菜单

15个响应式设计的导航菜单jQuery插件

 收藏