加入收藏 | 设为首页 | 会员中心 | 我要投稿 开发网_开封站长网 (http://www.0378zz.com/)- 科技、AI行业应用、媒体智能、低代码、办公协同!
当前位置: 首页 > 教程 > 正文

优化手机网站菜单 9款响应式导航插件下载

发布时间:2016-10-12 09:23:29 所属栏目:教程 来源:设计达人
导读:为了适应手机版的网站,网站导航都需要做一优化,比如使用汉堡包导航,今天为大家分享最新的一些RWD菜单插件,也许你会在下个项目上用上哦! Mmenu 这个mmenu插件除了能实现手机侧边栏菜单外,它设计的2级菜单效果也很棒,就像是iPhone的设置菜单一样,可

为了适应手机版的网站,网站导航都需要做一优化,比如使用汉堡包导航,今天为大家分享最新的一些RWD菜单插件,也许你会在下个项目上用上哦!

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修改样式也很方便,只要找对一款合适的菜单即可,此外还大家还要以去cssmenumaker或navnav网站,里面也有一些RWD MENU分享。

(编辑:开发网_开封站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读