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/