悬停时图像淡入并使图像可点击

我喜欢它，所以当我将鼠标悬停在图像上时，整个图像变成链接而不仅仅是内部文本。有人可以帮我弄这个吗？悬停时图像淡入并使图像可点击

使用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/

来源

2011-02-16 J82

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

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

来源

2011-02-16 23:13:13

啊 - 简单！只需将'a'设为块元素即可。：）谢谢！ – J82 2011-02-16 23:14:14

是不是有一个原因，你不只是围绕img标签与a标签？

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

这样做可以在不增加额外标记的情况下完成您所需要的操作。

来源

2011-02-16 23:15:45 Moses

我发布了一个答案，但是我认为，根据我所知道的问题，你最有意义。 +1 – Brandon 2011-02-16 23:19:37

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

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

来源

2011-02-16 23:18:24 Brandon

悬停时图像淡入并使图像可点击

回答

相关问题