省时高效!9款超实用的响应式导航插件下载 - 优设-UISDC

省时高效!9款超实用的响应式导航插件下载

2015/05/09 11074

9-responsive-navigation-menu-plugins-1

为了适应手机版的网站,网站导航都需要逐一优化,今天分享9款最新的响应式导航菜单插件,帮你节省大量时间 >>>

Mmenu

这个mmenu插件除了能实现手机侧边栏菜单外,它设计的2级菜单效果也很棒,就像是iPhone的设置菜单一样,可左右滑动展开。还有更多强大功能,比如为菜单加上图标,展开的方式等等。

响应式导航

在线DEMO | 下载插件

Drawer

Drawer的响应式菜单带有多种不同类型的展开方式,从右边、左边、上边、固定等。

响应式导航

在线DEMO | 下载插件

Formstone

Formstone是一个简约RWD导航,用户可以自定义菜单左右展示,或者overlay、reveal、push方式展示。

响应式导航

在线DEMO | 下载插件

Sidebars

Sidebars是一个jQuery插件,可以帮你快速搭建你APP一样的off-canvas菜单,有2种展示方式,一种是在菜单展示的时候,右侧内容也跟着向右缩,另一种是直接覆盖在内容的上面,具体请看DEMO吧。

响应式导航

在线DEMO | 下载插件

Pushy

一个简单的侧边导航插件,如果不需要多级菜单,可以使用这个,轻量级。

响应式导航

在线DEMO | 下载插件

Off-Canvas Menu Effects

这个菜单的展示特效非常弦,有的使用SVG动画实现,推荐看看。

响应式导航

在线DEMO | 下载&教程

Mega-Site Navigation

很赞的一个RWD多级菜单,响应式方面做得很好。

响应式导航

在线DEMO | 下载插件

Trunk.Js

轻量级响应式网站导航插件,展开动画效果平滑流畅。

响应式导航

在线DEMO | 下载插件

RWD Full Screen Navigation Menu

全屏式的响应式导航,菜单文字好大只,很醒目哦~

响应式导航

在线DEMO | 下载(codepen)

总结

手机网站越来越流行,为了实现RWD导航,使用现成的响应式菜单插件确实能省很多时间,而且用CSS修改样式也很方便,只要找对一款合适的菜单即可,此外还大家还要以去cssmenumakernavnav网站,里面也有一些RWD MENU分享。

【优设四月最受欢迎的PS教程排行榜】

Top 1:效果超棒的极简风格海报!
《AI+PS新手教程!手把手教你打造简约现代的极简海报》

Top 2:给心爱的妹子画一个Q版头像!
《萌系PS教程!手把手教你打造Q版的个人头像》

Top 3:上帝说,要有光!
《PS高手教程!教你轻松打造效果美到爆的光照效果》

原文地址:shejidaren

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量94万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/9-responsive-navigation-menu-plugins

sketch UI 界面设计 转场动效 平面设计 交互设计师 设计师 扁平化设计 设计师专访 排版布局 职场 视觉设计 用户体验设计 设计流程 素材下载 配色 web前端开发 海报设计 AI教程 设计理论 产品设计 设计规范 字体下载 神器下载 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里