实现下拉菜单的动画

最新推荐文章于 2022-12-22 00:02:10 发布

aozhang1070

最新推荐文章于 2022-12-22 00:02:10 发布

阅读量152

点赞数

原文链接：http://www.cnblogs.com/loveMis/p/9016865.html

版权

function donghua(){
        $( '.dropdown-menu span' ).hover(//添加事件，对class dropdown-menu下的span加hover
        function(event){
            console.log(event.target.className);
            if(event.target.className == "aa"){//进行判断
                $(".dropdown").children('.aa_6').slideUp(20);//隐藏
                $(".dropdown").children('.aa_5').slideUp(20);//隐藏
                $(".dropdown").children('.aa_4').slideDown(20);//显示
            }else if(event.target.className == "cc"){
                $(".dropdown").children('.aa_6').slideUp(20);//隐藏
                $(".dropdown").children('.aa_4').slideUp(20);//隐藏
                $(".dropdown").children('.aa_5').slideDown(20);//显示
            }else if(event.target.className == "dd"){
                $(".dropdown").children('.aa_4').slideUp(20);//隐藏
                $(".dropdown").children('.aa_5').slideUp(20);//隐藏
                $(".dropdown").children('.aa_6').slideDown(20);//显示
            }else{
                $(".dropdown").children('.sub-menu').slideUp(20);//隐藏
            }                
        }
    );
}