jQ配合css实现导航下拉菜单

继续上一章的内容，用纯css就可以实现导航下拉菜单，但是用jQ可以更好地增加其展开效果，而且也能兼容IE6，那就要用到slideUp()和slideDown()函数，只需要在head部分增加如下代码：

<title>Jane shopping</title>
<script type="text/livescript" src="scripts/jquery-1.3.1.js"></script>
/*nav.jss begin*/
<script type="text/javascript">
$(function(){
    $("#navigation ul li:has(ul)").hover(function(){
        $(this).children("ul").stop(true,true).slideDown(400);
    },function(){
        $(this).children("ul").stop(true,true).slideUp(400);
    })           
})</script>
*nav.jss end*/

这样就可以实现下拉菜单慢慢展开和慢慢关闭了

源代码下载：http://www.cnblogs.com/hechanyu/admin/Files.aspx在我上产的文件里就可以找到了

补充：看到一篇不错的blog：jQuery slideToggle轻松实现效果不错的垂直下拉菜单