淡入/淡出网址

Question

当我将光标传递给Div时，我希望淡入/淡出网址。我在小提琴http://jsfiddle.net/7Ppbm/60/中做了一个简单的例子。

$('.lnkDiv:visible').fadeOut();
var timer;

$('.contDiv:visible').on({
        mouseover: function () {
            clearTimeout(timer);
            $('.lnkDiv:visible').fadeIn();
        },
        mouseout : function () {
            timer = setTimeout(function () { 
                $('.lnkDiv:visible').fadeOut();
            }, 100);
        }
    });

我做错了什么？

Answer 1

这是你想要做的吗？ http://jsfiddle.net/daKGN/1/

$('.lnkDiv:visible').fadeOut();
var timer;

$('.contDiv:visible').on({
        mouseover: function () {
        clearTimeout(timer);
        $('.lnkDiv').fadeIn();
    },
    mouseout : function () {
        timer = setTimeout(function () { 
            $('.lnkDiv').fadeOut();
        }, 100);
    }
});

<img>标记应写为<img />而不是<img></img>。隐藏.contDiv时，<a>也没有高度，即使:visible被隐藏，您的jQuery选择器也都包含<a>。