0

我一直在尝试创建一种效果，将鼠标悬停在图像上，整个图像变白并带有文本，但我的代码不起作用，有人介意看看让我知道我做错了什么吗？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; 
}

注意 - 此代码基于此线程：当光标悬停在图像上时显示文本- 但是当我从答案中输入代码时，它似乎也不起作用。http://jsfiddle.net/nMCbY/

谢谢！

4

1 回答 1

1

您的代码按原样工作，您应该只在您的代码中添加一个引用以jQuery使其JSFiddle工作。查看您更新的小提琴： http: //jsfiddle.net/MBsbj/1/和http://jsfiddle.net/nMCbY/1/

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

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

见：http: //jsfiddle.net/nMCbY/3/

于 2013-11-02T00:25:54.927 回答