Jquery Fade in&出问题

时间:2012-03-07 17:20:22

标签: javascript jquery html fadein fadeout

下面有一些代码显示我的JQUERY& HTML。 基本上我曾尝试在光标离开图像时将图像转换为FADE IN并在FADE OUT上显示。

问题在于我希望将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>

1 个答案:

答案 0 :(得分:2)

如果将悬停类放在包含图像和悬停图像的元素上,它仍将被归类为&#34;悬停&#34;无论你悬停在哪个图像上:

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