Javascript 淡出到原始状态的淡出悬停或单击停留在悬停状态

你好，我是jQuery和Javascript新手

我要做的是：

带有jquery和缩略图的网站

当页面加载时，所有缩略图的不透明度必须为60%。当你将鼠标放在拇指上时，它需要衰减到100%，如果你将鼠标移出，缩略图需要在60%的不透明度上恢复衰减

当用户单击缩略图时，它必须保持100%的不透明度。一旦用户点击另一个缩略图，“旧”缩略图必须淡出到60%，而“新”缩略图必须保持在100%。（它已经具有100%的不透明度，因为您将鼠标放在它上面）

看看我已经设置了一个测试来展示它是如何工作的

给你，一个演示：

在“悬停淡出到动画”中，如果已锁定，请不要悬停，单击“淡出其他人”并锁定此动画

编辑

作为奖励，这里有一个版本，您可以使用ctrl键锁定多个Tumbnail

---

这只会淡出，OP想要一些可以锁定图像的东西。[阅读失败]嗨，非常感谢你帮助我！！

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

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