实列教程 一款基于jquery和css3的响应式二级导航菜

之前分享了很多纯css的导航菜单，今天介绍一款基于jquery和css3的响应式二级导航菜单，这款导航是传统的基于顶部，鼠标经过的时候显示二级导航，还采用了当前流行的响应式设计。需要的朋友可以参考下

　　之前分享了很多纯css的导航菜单，今天给大家分享一款基于jquery和css3的响应式二级导航菜单，这款导航是传统的基于顶部，鼠标经过的时候显示二级导航，还采用了当前流行的响应式设计。效果图如下：

　　实现的代码。

　　html代码：

XML/HTML Code 复制内容到剪贴板

1. <div id="header">  
2.         <div class="logo">  
3.             <a href="#">Responsive Nav</a>  
4.         </div>  
5.         <nav>  
6.             <form class="search" action="search.php">  
7.             <input name="q" placeholder="Search..." type="search">  
8.             </form>  
9.             <ul>  
10.                 <li><a href="">Home</a> </li>  
11.                 <li><a href="">About</a>  
12.                     <ul class="mega-dropdown">  
13.                         <li class="row">  
14.                             <ul class="mega-col">  
15.                                 <li><a href="#">About</a></li>  
16.                                 <li><a href="#">About</a></li>  
17.                                 <li><a href="#">Contact</a></li>  
18.                                 <li><a href="#">Contact</a></li