Jquery 悬停,DIV淡入淡出

Jquery 悬停,DIV淡入淡出,jquery,Jquery,上面的代码使DIV淡入,但由于某些原因不会淡出 也许淡出不是最好的方法?不要调用隐藏 不要调用隐藏 正如Daniel所说,您不需要调用hide(),但是也不需要调用show() 旁注-您正在使用函数fadeTo(),该函数主要用于将元素淡入特定的不透明度值(即4%)。鉴于您只是将元素从0%-100%淡入淡出,反之亦然,您可以分别使用以下函数:fadeIn()&fadeOut() 下面是使用上述函数的示例: $(document).ready(function(){ $(".thumbna

上面的代码使DIV淡入,但由于某些原因不会淡出


也许淡出不是最好的方法?

不要调用
隐藏


不要调用
隐藏


正如Daniel所说,您不需要调用
hide()
,但是也不需要调用
show()

旁注-您正在使用函数
fadeTo()
,该函数主要用于将元素淡入特定的不透明度值(即4%)。鉴于您只是将元素从0%-100%淡入淡出,反之亦然,您可以分别使用以下函数:
fadeIn()
&
fadeOut()

下面是使用上述函数的示例:

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

以下是以下函数的jQueryAPI文档链接:&

正如Daniel所说,您不需要调用
hide()
,但是也不需要调用
show()

旁注-您正在使用函数
fadeTo()
,该函数主要用于将元素淡入特定的不透明度值(即4%)。鉴于您只是将元素从0%-100%淡入淡出,反之亦然,您可以分别使用以下函数:
fadeIn()
&
fadeOut()

下面是使用上述函数的示例:

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

以下是以下函数的jQueryAPI文档链接:&

不要调用show-fadeTo(1000,1)相当于.show(1000),因此不需要显示。我建议停止(true,false)为了防止效果自身重复。如何使第二个DIV覆盖第一个DIV?我遇到的问题是它似乎混淆了fadein/out过程。也不要调用show-fadeTo(1000,1)相当于.show(1000),因此不需要显示。我建议停止(true,false)为了防止效果自己重复。如何使第二个DIV覆盖第一个DIV?我遇到的问题是,它似乎混淆了fadein/out过程。刚刚注意到上面的评论,我正忙着写我的回复。这个答案比选择的答案更全面。对于正在执行的任务,它还有更好的功能选择。刚刚注意到上面的评论,我正忙着写我的回复。这个答案比选择的答案更全面。对于正在执行的任务,它还有更好的功能选择。