Jquery淡入淡出问题

我在下面显示一些代码，显示我的JQUERY & HTML。基本上我试图在光标离开图像时在悬停和淡出（FADE OUT）上获取图像。Jquery淡入淡出问题

问题是我想要将FADING IN的图像放在原始图像的顶部。一旦新图像FADES IN立即返回到原始状态，因为光标不再位于执行FADE动画的图像上。

我想知道的任何信息什么那么:)

谢谢:)

JQUERY：

$(document).ready(function() { 
$("div.hover").hover(

function() { 
    $("div.fade").fadeIn('slow'); 
}, function() { 
    $("div.fade").fadeOut('slow'); 
}); 
});

HTML：

<div class="hover"><img src="#"/></div> 
<div class="fade"><img src="#"/> </div>

来源

2012-03-07 user1248192

请随时让我知道，如果我已经解释了这一切的方式可以改变，以提高我的答案 – user1248192 2012-03-07 17:21:22

用户的:)结果，你可以创建一个HTTP：//的jsfiddle .net /来说明问题？ – 2012-03-07 17:24:47

@Interstellar_Coder我创建了一个虽然我不是操作http://jsfiddle.net/bQrFb/ – 2012-03-07 17:30:12

如果你把悬停类上一个包含图像和悬停图像的元素，它仍将被归类为“悬停”赫弗图像鼠标悬停：

<div class="hover"> 
    <div><img src="#"/></div> 
    <div class="fade"><img src="#"/> </div> 
</div>

来源

2012-03-07 17:23:30 Fenton

有时候，额外的标记是值得的。这是其中的一次。没有理由这样做！淡入淡出的代码可以进一步优化，但最终我的优化会产生与Sohnee的建议和原始结果相同的净结果...所以看起来很愚蠢。 ;-) – 2012-03-07 17:26:17

Jquery淡入淡出问题

回答

相关问题