随着响应式网页设计的迅速发展，越来越多的可用解决方案和模式正在涌现，以帮助您轻松地为您的网站构建导航系统，从而在移动设备和桌面上无缝运行。在这篇文章中，我将快速了解一些解决方案，并分享一些有用的资源，帮助解决响应式网站设计中的一些难题。

　　响应式导航插件

　　1.通用响应巨型菜单（Universal Responsive Mega Menu）

　　灵活的通用响应巨型菜单jQuery插件提供多达12种不同大小的下拉列表和无限制的飞出元素。 自定义只需要CSS的一些基本知识，脚本包括几个选项，以便您可以轻松地选择应用于菜单的动画效果。 此外，通过更改单个类，您可以将此系统用作粘性页脚。

　　2.jQuery.mmenu

　　如果你正在寻找一个应用程序或画布菜单，那么你应该看看jQuery.mmenu插件。 它非常容易定制，并提供了广泛的选项，扩展和附加功能，将允许您更改打开和关闭效果，更改颜色方案，还更改菜单的大小和位置。

　　3.终极汉堡菜单

　　到目前为止，Ultimate Burger Menu是最简单的在这个页面上使用jQuery插件。 它是一个非常小和轻量级的Javascript文件，将允许您在几分钟内添加一个“汉堡”菜单（或三线菜单）到您的网站。 它还提供了一个巨大的选项数组，如果你想扩展它的功能。

　　4.Jet Megamenu

　　建立在网格系统上，响应和功能丰富的Jet Megamenu可以选择性地用作基本下拉菜单或大型菜单。 它包装了14种预置风格（它也很容易创建自己的），并已在所有主要的浏览器，包括触摸屏设备进行测试。

　　5.Alpha

　　针对移动和触摸设备进行了优化，Alpha jQuery插件是一个简单的响应式菜单系统，已经采用非常受欢迎的平面设计风格。 在移动设备上，流体水平菜单变成垂直菜单，就像子菜单一样，可以通过单击或单击来切换。

　　6.Fly Side Menu

　　Fly Side菜单插件是一个独特的响应菜单解决方案，从Airbnb的最新iOS应用程序中重现令人印象深刻的全屏动画。 它已经在桌面版和移动版的Chrome，Firefox和Safari上进行了测试，但是这个插件更多的是一个概念验证，而不是一个生产就绪的响应菜单系统，所以请谨慎使用。 仍然，它看起来惊人！

　　7.FlexMenu

　　使用Sass构建，FlexMenu是一个完全响应的jQuery导航插件，让您可以选择在画布菜单或切换/下拉式菜单，当在较小的屏幕上查看。如果你有更多关于网站建设（定制网站、模板网站）、网站优化、logo设计、品牌设计、印刷、APP/微信开发等产品服务的需求，欢迎咨询摩恩网络官网，新上线企业VI设计套餐和网站营销推广系统（强）！

　　8.slimMenu

　　slimMenu是一个轻量级的jQuery插件，已经构建来即时创建响应和多级导航菜单。 你不必为媒体查询创建响应式菜单，slimMenu将为你做这项工作，它只有5KB（2.5KB缩小）！