我在淡入/淡出某些元素时遇到问题。我需要有几个 div,在新背景中淡入淡出,以及悬停在上面时的文本。当我悬停在那个元素上时,我还需要让其他 div 淡出一些。
如果我将鼠标悬停在某个元素上,我可以淡出其他元素,但我无法解决其余问题。
我只希望那些特定的 div 受到影响,因为我在页面上有其他 div(id 和类)。
这是我的 fiddle : http://jsfiddle.net/deelite/SnvMr/2/
我的jquery:
$('div').hover(function() {
$('div').not($(this)).stop().fadeTo(500, 0.33);
}, function() {
$('div').stop().fadeTo(500, 1);
});
我不确定还能如何进行。
最佳答案
只需使用.not(this)
; .not($(this))
不正确。您还有其他一些错误。您可以将另一个类(例如,.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>
jQuery:
$('.effect').hover(
function() {
$('.effect').not($(this)).stop().fadeTo(500, 0.33);
}, function() {
$('.effect').stop().fadeTo(500, 1);
}
);
fiddle :http://jsfiddle.net/SnvMr/5/
关于jquery - 使用另一张图片淡入/淡出背景图片/淡出其他元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16553675/