覆盖DIVS

时间:2012-02-02 17:28:29

标签: jquery html

我似乎无法让fadeIn Div覆盖原始DIV而不会导致淡入淡出问题。有什么建议吗?

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

$(document).ready(function(){
    $(".thumbnail").hover(
        function(){
            $(".overthumb").stop(true,true).fadeIn(1000);
        },
        function(){
            $(".overthumb").stop(true,true).fadeOut(1000);
        }
    );
});

2 个答案:

答案 0 :(得分:3)

你能不能把它放在另一个div里面?

答案 1 :(得分:1)

你需要将第二个div放在第一个<div class="thumbnail"> <div class="overthumb" style="display:none;"></div> </div> 内,有效地使“out”正确启动。

这是jsfiddle ...希望这有帮助!

对于每个害怕jsfiddle的人来说,这就是这个想法:

$(document).ready(function(){
    $(".thumbnail").hover(
        function(){
            $(".overthumb").stop(true,true).fadeIn(1000);
        },
        function(){
            $(".overthumb").stop(true,true).fadeOut(1000);
        }
    );
});

......以及随附的脚本:

{{1}}