我一直试图做到这一点,当您将鼠标悬停在框中的任何部分时,框悬停 (div) 将淡入到不透明度 0.7,使其看起来大部分是黑色但几乎没有透明。
但我所做的一切都没有奏效。而且我不想给它分配 ID,因为会有更多的盒子。

这是我正在尝试制作的代码:http://pastebin.com/3ZRcrx57

谢谢

最佳答案

首先,您的 .box-hover 元素是子元素,而不是兄弟元素,因此 next() 将不起作用,您必须使用 find()children()

其次,在编写 javascript 大小写时很重要,它的 fadeInfadeOut (注意大写字母)

我认为这就是你想要做的:

$(".box").hover(function () {
    $(this).find('.box-hover').fadeIn(100);
},
function () {
    $(this).find('.box-hover').fadeOut(100);
});​

这是一个 DEMONSTRATION

您甚至可以将其缩短为:
$(".box").on('mouseenter mouseleave', function () {
    $(this).find('.box-hover').fadeToggle(100);
});​

DEMO

关于jquery - 更改悬停jQuery上的不透明度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11712165/

10-11 12:32
查看更多