轻松应对响应式网站!15个响应式导航菜单jQuery插件

用户头像
广州/网页设计师/12年前/2405浏览
轻松应对响应式网站!15个响应式导航菜单jQuery插件
用户头像
方雨_Yu

对于大多数人来说,构建一个响应布局中最困难的部分是导航菜单的设计和编码。由于没有真正久经考验的常用解决方案,你采用的菜单形式将视乎于正在构建的网站整体排版布局。

对于大多数人来说,构建一个响应布局中最困难的部分是导航菜单的设计和编码。由于没有真正久经考验的常用解决方案,你采用的菜单形式将视乎于正在构建的网站整体排版布局。

如 果是一个小型网站,一个<select>下拉菜单或者一个基本的“三线”切换菜单就可以满足了。但如果是一个比较大型的网站(以一个电子商务 商店为例)在其PC版网站是依靠一个复杂的导航菜单,那么在屏幕较小的设备上最能够帮助你的是一个抽屉式或动画的侧面导航菜单。

所以,无论你正在构建什么类型的网站,在这篇文章中,我们收集了15个响应导航菜单的jQuery插件,希望能够为你提供解决方案。

1、Sidr

Sidr - jQuery Responsive Navigation Plugin

查看演示

2、Navgoco

Navgoco - jQuery Responsive Navigation Plugin

查看演示

3、FlexNav

FlexNav - jQuery Responsive Navigation Plugin

查看演示

4、SmartMenus

SmartMenus - jQuery Responsive Navigation Plugin

查看演示

5、jQuery slimMenu

jQuery slimMenu - jQuery Responsive Navigation Plugin

查看演示

6、jPanelMenu

jPanelMenu - jQuery Responsive Navigation Plugin

查看演示

7、Flaunt.js

Flaunt.js - jQuery Responsive Navigation Plugin

查看演示

8、Naver

Naver - jQuery Responsive Navigation Plugin

查看演示

9、TinyNav.js

TinyNav.js - jQuery Responsive Navigation Plugin

查看演示

10、HorizontalNav

HorizontalNav - jQuery Responsive Navigation Plugin

查看演示

11、jQuery.mmenu

jQuery.mmenu - jQuery Responsive Navigation Plugin

查看演示

12、MeanMenu

MeanMenu - jQuery Responsive Navigation Plugin

查看演示



6
举报
|
12
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】30个图标
3D卡通UI界面图标可爱插画免扣素
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】旅行icon
新能源APP应用UIKit
高级感金属拟物 UI设计组件库
【新年UI图标】会员icon
【新年UI图标】礼物/活动icon
UI界面 组件
科技医疗透明柜UI界面设计
【新年UI图标】体育icon
【新年UI图标】钱包icon
户外旅行飞机情侣假日出行
盲盒APP UI设计
【新年UI图标】秒杀icon
拟物风质感写实UI卡片合集源文件
UI 登录界面设计模板包
高级表盘系列UI源文件
3D渐变流体抽象矢量UI背景图
钱包ui模板
【新年UI图标】汽车icon
我的钱包-UI界面设计-app
UI通用设计素材1
你可能喜欢
相关收藏夹
大家都在看
登录注册