鼠标悬停时淡出到原始状态，或者单击鼠标停留在悬停状态

Fadein Hover with fadeout to orginal state or onclick stay in hover state

本文关键字：状态 悬停 鼠标 单击 停留在 或者 原始 淡出 原始状      更新时间：2023-09-26

大家好，我是jQuery和Javascript新手!

我要做的是:

网站与jquery和缩略图

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

当用户点击缩略图时，它必须保持100%的不透明度。当用户点击另一个缩略图时，"旧"缩略图必须退隐到60%，而"新"缩略图必须保持在100%。(它已经有100%的不透明度，因为你把鼠标放在它上面)。

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

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

给你，一个演示:

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

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

编辑

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

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

相关文章：