Fadein懸停與原始狀態或onclick停留在懸停狀態

Question

你好，我是新來的jQuery和Javascript！

我要做的是：

網站與jQuery和縮略圖。

當頁面加載時，所有的縮略圖必須佔不透明度的60％。只要將鼠標放在拇指上，它需要褪去100％，如果用鼠標移動，縮略圖需要在不透明度上減少60％。

當用戶點擊縮略圖時，必須保持100％的不透明度。只要用戶點擊另一個縮略圖，「舊」縮略圖就不得不退回到60％，而「新」縮略圖必須保持在100％。 （它已經有100％的不透明度，因爲你用鼠標在它上面）。

Answer 1

$(document).ready(function(){ 
    $("#image").mouseover(function(){ 
     $(this).fadeTo("slow", 1) 
    }); 

    $("#image").mouseout(function(){ 
     $(this).fadeTo("slow", 0.6); 
    }); 
}); 

對jsFiddle看看我已經設置了一個測試，以顯示這是如何工作

Answer 2

在這裏，你走了，一個演示：

http://jsfiddle.net/sg3s/UtU8G/

懸停褪色動畫，做如果鎖定，則不會徘徊，點擊可淡化其他人並鎖定此人。

編輯

作爲獎勵，這裏是一個版本，你可以使用CTRL鎖定多個tumbnails。

http://jsfiddle.net/sg3s/UtU8G/6/