Jquery 淡入/淡出背景图像与其他图像/淡出其他元素
我在fadein方面有问题/某些元素不足。我需要有几个div,在一个新的背景中淡入淡出,以及悬停时的文本。我还需要让其他div淡出一些,而我在该元素上悬停 如果将鼠标悬停在某个元素上,我可以淡出其他元素,但我无法理解问题的其余部分 我只希望那些特定的div受到影响,因为我在页面上有其他div(id和class) 这是我的小提琴: 我的jquery:Jquery 淡入/淡出背景图像与其他图像/淡出其他元素,jquery,css,jquery-animate,fadein,fadeout,Jquery,Css,Jquery Animate,Fadein,Fadeout,我在fadein方面有问题/某些元素不足。我需要有几个div,在一个新的背景中淡入淡出,以及悬停时的文本。我还需要让其他div淡出一些,而我在该元素上悬停 如果将鼠标悬停在某个元素上,我可以淡出其他元素,但我无法理解问题的其余部分 我只希望那些特定的div受到影响,因为我在页面上有其他div(id和class) 这是我的小提琴: 我的jquery: $('div').hover(function() { $('div').not($(this)).stop().fadeTo(500, 0.
$('div').hover(function() {
$('div').not($(this)).stop().fadeTo(500, 0.33);
}, function() {
$('div').stop().fadeTo(500, 1);
});
我不知道该怎么做。只要使用。不要(这个)
.not($(此))
不正确。你还犯了几个其他的错误。您只需将另一个类(例如,.effect
)添加到要对其应用效果的div
。
HTML:
<div class="effect one"><p>me</p></div>
<div class="effect two"><p>have</p></div>
<div class="effect three"><p>fun</p></div>
Fiddle:多亏了Mooseman在代码上的帮助,我进一步了解了如何通过在包含第一个背景的div中插入一个div(包含新背景)来进行背景“更改”,并使新div在旧div的基础上淡入/淡出。第二个div必须与原始div具有相同的“尺寸”,除非您要达到bg必须相互偏移的效果 您可以在此处查看更新的代码: JS代码:
$('.effect').hover(
function () {
$('.effect').not(this).stop().fadeTo(500, 0.33);
$(this).find('div').stop().fadeTo(500, 1);
}, function () {
$('.effect').stop().fadeTo(500, 1);
$('.effect div').stop().fadeTo(500, 0);
});
谢谢 抱歉,必须更新jquery。新的提琴在我的帖子里。谢谢,但是如何更改bakcgrounds并在悬停时显示文本呢?谢谢。这几乎就是我的想法。实际上,我希望背景图像淡入/淡出,因为如果我使用class:hover方法,会有轻微的闪烁。@Keoki看到关于堆栈溢出的另一个问题:我通读了它,它与我要查找的不一样。
$('.effect').hover(
function () {
$('.effect').not(this).stop().fadeTo(500, 0.33);
$(this).find('div').stop().fadeTo(500, 1);
}, function () {
$('.effect').stop().fadeTo(500, 1);
$('.effect div').stop().fadeTo(500, 0);
});