Question

在同一页面中有两个div，其中一个是隐藏的，并使用jQuery点击一个按钮与另一个div切换。

是否有可能给隐藏的div一个“淡入”效果，所以当两个div切换时，新的div会在2-3秒内获得一个“淡化”到透明的背景颜色以突出显示新的div？

抱歉英语不正确。

感谢。

Answer 1

您可以使用：

$("#element").fadeOut(2000);
$("#element2").fadeIn(2000);

.fadeOut() API Doc
.fadeIn() API Doc

Answer 2

使用jQuery UI的.effect（）函数在淡入淡出之后突出显示第二个div怎么样？

第一个div淡出，然后第二个淡入并突出显示3秒钟。

$('#div1').fadeOut(500, function () {
    $('#div2').fadeIn(500, function () {
        $('#div2').effect('highlight', {}, 3000);
    });
});

请参阅：http://docs.jquery.com/UI/Effects/Highlight

Answer 3

尝试：http://jsfiddle.net/8mEL4/

$(function () {
   $("#element1").fadeOut( { duration: 1000, queue: false });
   $('#element2').effect('highlight',{ duration: 1000, queue: false });
});

我已为同步动画效果设置queue : false，并使用jQuery UI/Effects/Highlight突出显示效果。

Div在切换时褪色背景

3 个答案: