下面有一些代码显示我的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>
答案 0 :(得分:2)
如果将悬停类放在包含图像和悬停图像的元素上,它仍将被归类为&#34;悬停&#34;无论你悬停在哪个图像上:
<div class="hover">
<div><img src="#"/></div>
<div class="fade"><img src="#"/> </div>
</div>