如何在我将鼠标悬停在我的div元素上时显示javascript元素?

时间:2014-10-08 11:23:01

标签: javascript jquery html5 css3

我想知道任何人都可以帮助我,基本上我会<div class="home"></div>然后我找到了这段代码http://jsfiddle.net/codepo8/tgEx6/7/,任何人都可以告诉我如何制作代码我发现它只会在我悬停时出现<div class="home"></div>?抱歉我的英文

1 个答案:

答案 0 :(得分:0)

这是一个有效的例子http://jsfiddle.net/tgEx6/2708/

你需要添加display:none; .stage然后在悬停

上添加此代码以显示/隐藏
$('.home').hover(function(){
    $('.stage').show();   
}, function(){
    $('.stage').hide();
});

要添加淡入淡出效果,您可以将代码更改为此

$('.home').hover(function(){
    $('.stage').stop().fadeIn();   
}, function(){
    $('.stage').stop().fadeOut();
});