-1

我有一个导航菜单 UL,没什么特别的..Button1, Button2, Button 3....button 8

我想在 mouseenter div="div2" (隐藏的)只有当鼠标从 Button1 和 Div2 出来(mouseout)时才淡入和淡出。

所以我做了什么

$(document).ready(function() {
    $(".dropdown").hide();
    $("#menu li:nth-child(1)").addClass('menu_li1');
    $("#menu li:nth-child(2)").addClass('menu_li2');
    $("#menu li:nth-child(3)").addClass('menu_li3');
    $("#menu li:nth-child(4)").addClass('menu_li4');
    $("#menu li:nth-child(5)").addClass('menu_li5');
    $("#menu li:nth-child(6)").addClass('menu_li6');
    $("#menu li:nth-child(7)").addClass('menu_li7');
    $("#menu li:nth-child(8)").addClass('menu_li8');
    $('.menu_li1').mouseenter(function() {
        if ($('.dropdown').is(':visible')) { //.dropdown is div's class
        } else {
            $('.dropdown').fadeIn();
        }

    });
    jQuery('.dropdown').mouseout(function() {
        if ($('.dropdown').mouseleave()) {
            $('.dropdown').fadeOut();
        }
    });
});​

firebug 没有给出错误,我只是无法达到我需要的结果。

4

1 回答 1

0

我看到你一开始还没有写mouseout事件。那么当你去其他地方时,你menu_li1会如何期望它淡出。

于 2012-10-10T20:17:58.863 回答