在不改变页面布局的情况下淡入淡出元素

Question

使用正常的行为时,fadeIn以及fadeOut是使用的display属性.但是,这会更改页面的布局.

如何制作fadeIn而fadeOut不是修改页面布局？

Answer 1

也

而不是.fadeIn()你可以.animate({opacity:1})
而不是.fadeOut()你可以.animate({opacity:0})

Answer 2

你可以尝试这个fadeOut:

$("something here").fadeOut("slow", function() {
    $(this).show().css({visibility: "hidden"});
});

......这个用于fadeIn:

$("something here").hide().css({visibility: "visible"}).fadeIn("slow");

Answer 3

使用fadeTo:

该.fadeTo()方法动画化匹配元素的不透明度.它与.fadeIn()方法类似,但该方法取消隐藏元素并始终淡化为100%不透明度.

持续时间以毫秒为单位; 值越高表示动画越慢,而动画越快.可以提供字符串'fast'并分别'slow'指示持续时间200和600毫秒.如果提供了任何其他字符串,则使用默认的400毫秒持续时间.与其他效果方法不同,.fadeTo()需要duration明确指定.

如果提供,则动画完成后将触发回调...