懸停時圖像淡入並使圖像可點擊

我喜歡它，所以當我將鼠標懸停在圖像上時，整個圖像變成鏈接而不僅僅是內部文本。有人可以幫我弄這個嗎？懸停時圖像淡入並使圖像可點擊

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

懸停時圖像淡入並使圖像可點擊

回答

相關問題