Closed. This question needs details or clarity。它当前不接受答案。
想改善这个问题吗?添加详细信息并通过editing this post阐明问题。
5年前关闭。
我正在尝试建立一个包含多个图像的网站。我想要的是当我将鼠标悬停在其中一张图像上时,其他所有图像都变得不透明。如果有人可以帮助我解决我的问题,我将不胜感激,因为我已经在Google上搜索了一段时间了,而我似乎找不到我正在寻找的答案。谢谢
首先,您需要给所有图像一个普通的类。接下来,使用jQuery,我将有一个悬停事件。在函数内部,您告诉jquery使用通用类定位所有图像,但光标当前悬停在“ .not(this)”上的图像除外。这将更改除当前图像以外的所有图像的不透明度。
想改善这个问题吗?添加详细信息并通过editing this post阐明问题。
5年前关闭。
我正在尝试建立一个包含多个图像的网站。我想要的是当我将鼠标悬停在其中一张图像上时,其他所有图像都变得不透明。如果有人可以帮助我解决我的问题,我将不胜感激,因为我已经在Google上搜索了一段时间了,而我似乎找不到我正在寻找的答案。谢谢
最佳答案
看一下这个:
$('.myImg').hover(function(){
//On hover IN, change the opacity
$(".myImg").not(this).stop().animate({ "opacity": 0.3 });
}, function(){
//On hover OUT, reset opacity to default
$(".myImg").not(this).stop().animate({ "opacity": 1 });
});
首先,您需要给所有图像一个普通的类。接下来,使用jQuery,我将有一个悬停事件。在函数内部,您告诉jquery使用通用类定位所有图像,但光标当前悬停在“ .not(this)”上的图像除外。这将更改除当前图像以外的所有图像的不透明度。
关于javascript - 将鼠标悬停在图像上时,如何使用CSS不透明度?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24685894/