布局文件：

<div class="wrap">
 <ul id="nav">
  <li><a href="#">下拉菜单实例</a>
   <ul>
    <li><a href="#">菜单1</a></li>
    <li><a href="#">菜单2</a></li>
    <li><a href="#">菜单3</a></li>
   </ul>
  </li>
  </ul>
</div>
js代码：

$(document).ready(function() { 

 $('#nav li').hover(function() {
  $('ul', this).slideDown(200);
  $(this).children('a:first').addClass("hov");
 }, function() {
  $('ul', this).slideUp(100);
  $(this).children('a:first').removeClass("hov");  
 });
});