Question

$(document).ready(function(){
    $(".thumbnail").hover(
        function(){
            $(".overthumb").fadeTo(1000,1).show();
        },
        function(){
            $(".overthumb").fadeTo(1000,0).hide();
        }
    );
});

http://jsfiddle.net/AndyMP/qCa7a/2/

上面的代码使DIV淡入，但由于某种原因不会淡出。

也许FadeOut不是最好的方法吗？

Answer 1

请勿致电hide。

http://jsfiddle.net/qCa7a/3/

Answer 2

正如丹尼尔所说，你不需要致电hide()，但你也不需要致电show()。

附注 - 你正在使用函数fadeTo()，它主要用于将元素淡化为特定的不透明度值（即4％）。看到你只是将元素从0％ - 100％淡化，反之亦然，你可以分别使用这些函数：fadeIn()＆amp; fadeOut()。

以下是使用上述功能的示例：

    // Bind the event to the required element
    $('#elementid').hover(
        function(){

            // Call the function on a specific element to fade in
            $('.overthumb').fadeIn(1000);

        },
        function(){

            // Call the opposite function on the same element to fade out
            $(".overthumb").fadeOut(1000);
        }
    );

以下是jQueryAPI文档的链接，用于以下功能：fadeIn()＆amp; fadeOut()

悬停，DIV淡入但没有出局

2 个答案: