如何用jquery制作动画二级下拉菜单
1、首先，分析一下程序主题。
利用jquery更改html元素的css，更改显示方式或长宽等，来达到菜单展开的动态效果。
2、为了减少图片甚至不利用图片制作菜单，我们需要用div+css来达到代替图片的目的，同时，jquery的作用由切换图片变为更改div的css属性。
1、我们需要一些层DIV，来达到二级或多级菜单的效果。
代码如下：
--------------------------------------------------------------------------------
<li class="current">
<div class="bm">
<div class="inner">
<div class="inner3">
<div class="inner4"><a href="">首页<br>Home</a></div>
</div>
</div>
</div>
</li>
--------------------------------------------------------------------------------
这时一个<li>,表示一级菜单的显示，即第一层。
2、--------------------------------------------------------------------------------
<li>
<div class="bm">
<div class="inner">
<div class="inner3">
<div class="inner4"><a href="">关于我们<br>About Us</a></div>
</div>
</div>
</div>
<div class="lm">
<div class="inner5">
<div class="inner6">
<ul>
<li><a href="">朗文介绍 Profile</a> </li>
<li><a href="">教育理念 Concept</a> </li>
<li><a href="">企业文化 Culture</a> </li>
<li><a href="">教学环境 Environment</a> </li>
<li><a href="">联系我们 Contact</a> </li>
<li><a href="">合作伙伴 Partners</a> </li>
<li><a href="">招贤纳士 Jobs</a> </li>
<li class="clear"></li>
</ul>
</div>
</div>
</div>
</li>
--------------------------------------------------------------------------------
这是一个二级菜单的列表，用<li></li>包裹。
如图。
3、开始的<div>部分，如图所示，这部分是最重要的，就是他们的id层不能错，否则会导致菜单列表顺序错乱。
4、二级菜单其实就是div和ul列表的结合。
1、样式表的部分主要是说一下排布，一级二级的菜单排布。
至于圆角矩形的菜单制作就不再提了。
2、只要你的盒子排布做的准确，字体图片的样式就都可以自定义了。
1、js的代码主要是修改元素的css，和一些事件响应。
2、最后，这里有一个常见错误，就是将jquery文件的引入位置放在了后面，导致报错。
