Question

我一直在尝试创建一种效果，我将鼠标悬停在图像上，整个图像变为白色，但是我的代码无法正常工作，有人会介意让我知道我一直在做什么错误？ http://jsfiddle.net/MBsbj/

<div class="frontImages"><img class="alignnone size-full wp-image-24" alt="biryani sideimage" src="http://tandoorifreshonline.com.mlseo.net/wp-content/uploads/2013/11/biryani-sideimage.png"/>
<div class="hoverText">HOVER TEXT HERE</div>
</div>

    $('.frontImages').mouseenter(function(){
$('.hoverText').fadeIn();
});

.hoverText {
display:none; 
}

注意 - 此代码基于此线程：Show text when the cursor hovers over an image - 但是当我从答案中输入代码时，它似乎也无法正常工作。 http://jsfiddle.net/nMCbY/

谢谢！

Answer 1

您的代码可以正常工作，您只应在jQuery中添加对JSFiddle的引用才能使其正常运行。查看最新的小提琴：http://jsfiddle.net/MBsbj/1/和http://jsfiddle.net/nMCbY/1/

我还编辑了第二个小提琴，将标题放在图像上，而不是添加：

caption.offset({ top: image.position().top })

请参阅：http://jsfiddle.net/nMCbY/3/

Javascript mouseenter（）悬停功能不起作用

1 个答案: