Fade In Hover 淡出到原始状态或 onclick 保持悬停状态答案

【问题标题】：Fadein Hover with fadeout to orginal state or onclick stay in hover stateFade In Hover 淡出到原始状态或 onclick 保持悬停状态
【发布时间】：2011-09-27 05:53:10
【问题描述】：

您好，我是 jQuery 和 Javascript 的新手！

我要做的是：

带有 jquery 和缩略图的网站。

加载页面时，所有缩略图的不透明度必须为 60%。当您将鼠标移到拇指上时，它需要淡出至 100%，如果您将鼠标移出，则缩略图需要淡出至不透明度的 60%。

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

【问题讨论】：

标签： javascript jquery onclick fadein fadeout

【解决方案1】：

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

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

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

【讨论】：

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

【解决方案2】：

给你一个演示：

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

悬停淡出动画，如果锁定不要悬停，点击淡出其他人并锁定这个。

编辑

作为奖励，这里有一个版本，您可以使用 ctrl 锁定多个缩略图。

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

【讨论】：