25个适用于手机网站的菜单插件

Sponsor

制作在桌面平台使用的网站菜单并不复杂，因为已经有很多案例给我们参考了，但是如果我要在手机网站制作呢？它的菜单要是怎么样显示？手机或平板电脑的分辨率比桌面电脑要小，一般菜单都不够位置展示，当然分行显示也是可以的，但是作为一个优秀网页设计，分行你不觉得很丑陋么，下面我给大家一些方案吧。

现在绝大部分人都使用了智能手机，而这些设备主要用Android、iOS、Winphone等系统，所以内置的浏览器一般也支持CSS和jQuery，下面我们精选25个适用于手机网站的菜单插件，这些插件设计以及交互很不错，也适用在响应式设计，所以推荐使用它们，当然你也可以参考这些菜单重新设计样式，对于Web设计师来说并不是难事。

jQuery.mmenu

下载地址

jPanelMenu

下载地址

PageSlide

下载地址

Slide and Push Menus

下载地址 | 在线演示

Google Nexus Website Menu

下载地址 | 在线演示

Transitions for Off-Canvas Navigations

下载地址 | 在线演示

Sidr

下载地址

Pure CSS Responsive Nav

下载地址 | 在线演示

Multi-Level Push Menu

下载地址 | 在线演示

Naver

下载地址 | 在线演示

Responsive-Menu

下载地址 | 在线演示

SmartMenus

下载地址 | 在线演示

FlexNav

下载地址

slimMenu

下载地址

jQuery Navobile

下载地址

MeanMenu

下载地址 | 在线演示

jQuery ReSmenu

下载地址

Flaunt.js for stylish responsive navigations with nested click-to-reveal

下载地址 | 在线演示

Drop-Down Navigation: Responsive and Touch-Friendly

下载地址 | 在线演示

CSS3 Responsive menu

下载地址 | 在线演示

Responsive Retina-Ready Menu

下载地址 | 在线演示

TinyNav.js

下载地址

Responsive Navigation

下载地址

HorizontalNav

下载地址

Easy Responsive Tabs to Accordion

下载地址

总结

从上面的插件可以看到手机菜单主要使用侧边栏来展示，和一些APP的UI设计十分相似，其次使用下拉框或响应式设计，这些都是很好解决网站菜单的显示问题，通过这些插件，手机网站已经是未来需求，这些插件确实很有用处，记得收藏或分享，以备一时之需，最后希望你能设计出更多更棒的移动设备界面！

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。