javascript - Fade In Hover with fadeout to original state 或 onclick 保持悬停状态

Question

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

我要做的是:

带有 jquery 和缩略图的网站。

加载页面时，所有缩略图的不透明度都必须为 60%。只要您将鼠标移到拇指上，它就需要淡化到 100%，如果您将鼠标移开，缩略图需要淡化回 60% 的不透明度。

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

Answer 1

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

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

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