JQuery 菜单

查看jquery的相关API http://www.blogjava.net/ywj-316/archive/2010/01/21/310340.html

<script type="text/javascript">

    $(document).ready(function () {

//为有子菜单的菜单项添加'>'符号 

        $('#menu>ul>li>ul').find('li:has(ul:not(:empty))>a').append("<span class='arrow'>></span>");  

 //为菜单绑定鼠标事件： mouseover和mouseleave

        $("#menu>ul>li").bind('mouseover', function () {
            $(this).children('ul').slideDown('fast');
        }).bind('mouseleave', function () {
            $(this).children('ul').slideUp('fast');

        });

        $('#menu>ul>li>ul li').bind('mouseover', function () {
            $(this).children('ul').slideDown('fast');
        }).bind('mouseleave', function () {
            $(this).children('ul').slideUp('fast');
        });
    });

</script>