我一直试图做到这一点,当您将鼠标悬停在框中的任何部分时,框悬停 (div) 将淡入到不透明度 0.7,使其看起来大部分是黑色但几乎没有透明。
但我所做的一切都没有奏效。而且我不想给它分配 ID,因为会有更多的盒子。
这是我正在尝试制作的代码:http://pastebin.com/3ZRcrx57
谢谢
最佳答案
首先,您的 .box-hover
元素是子元素,而不是兄弟元素,因此 next()
将不起作用,您必须使用 find()
或 children()
。
其次,在编写 javascript 大小写时很重要,它的 fadeIn
和 fadeOut
(注意大写字母)
我认为这就是你想要做的:
$(".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/