Question

我喜欢它，所以当我将鼠标悬停在图像上时，整个图像就变成了一个链接，而不仅仅是内部的文本。有人可以帮我这个吗？

使用Javascript：

$('.thumbnail').hover(function() {
    $('.thumbnail img').stop(true,true).fadeTo(400, 0.2);
    $('.description').stop(true,true).fadeIn(400);
}, function() {
    $('.thumbnail img').stop(true,true).fadeTo(400, 1);
    $('.description').stop(true,true).fadeOut(400);
});

这是jsfiddle：http://jsfiddle.net/LDs6C/15/

Answer 1

您是否有理由不在img标记的a标记周围？

<a href="content.com"><img src="..." width="200"/></a>

这样做可以在没有额外标记的情况下完成您的需要。

Answer 2

像这样：http://jsfiddle.net/LDs6C/16/

我将链接设置为块元素，并将尺寸设置为等于图像的大小。

Answer 3

我认为您应该能够添加一个点击处理程序，将您带到所需的位置，例如

$('.thumbnail img').click(function(){window.location='someurl';});

图像淡入淡出+使图像可点击

3 个答案: