Responsive设计就不说是什么了？如果你不太了解，可以先点击这里做一定的了解，也可以点击这里查看一些有关于Responsive的案例。今天要跟大家说的是有关于Responsive导航的制作。
众所周知，导航对于一个网站来说是非常重要的，特别是一个响应式布局的网站，如何让导航也具有响应式就显得更重要了，特别是在移动端设备上显示，这个响应式菜单就更显重要，他帮助访问者更容易的找到你的网站内容。如果该网站有很多部分或者很多页面，在移动端上就变得更具挑战性，这个时候你不可以选择一个类型的菜单来适应你的移动端布局。
说和直白点，就是使用css或者jQuery插件创建一个简单的响应式菜单，该方案将帮助我们解决任何浏览器固定屏幕下的效果。现在许多网站已应用这一效果。在移动端设备上，将导航固定在任何页面的顶部,方便移动端用户选择任何页面，而在别的屏幕分辨率下又采用别同的导航布局效果。那么这样的响应式菜单要怎么制作呢？今天我为大家搜索了一些这方面的教程，希望对您有所帮助。
1. Responsive Menu with CSS3 Tutorial
2. Drop Down Responsive Menu with CSS3 and jQuery
3. CSS3 Responsive Menu with Icon
4. Responsive Mobile-First Navigation Menu
5. Responsive Select Menu plugin
6. Create a Simple Responsive Navigation
7. Responsive Navigation Menu by Joshua
8. TinyNav Responsive Navigation Menu
9. HorizontalNav
10. Mobile Navigation Design
11. A Simple, Responsive, Mobile First Navigation
12. Big Menus, Small Screens: Responsive
13. Responsive Select Menu Plugin
14. A Flexible Approach to Responsive Navigation
15. Progressive And Responsive Navigation
16. Responsive Drop Down Navigation Menu
17. SelectNav.js
18. Convert a Menu to a Dropdown for Small Screens
19. Simple Responsive Menu
20. Meta Q how to: Responsive toggle menus
上面搜索了20款不同方法实现Responsive的导航制作教程以及相关案例，希望对大家有所帮助。
如需转载，烦请注明出处：http://www.w3cplus.com/source/20-useful-responsive-menu-navigation-tutorials.html