javascript - 使用 jQuery 淡出图像

Question

我正在使用以下脚本在 5 秒后淡出图像：

var $j = jQuery.noConflict();
$j(document).ready(function() { 
    var fade_out = function() {
        $j("#fadeout").fadeOut().empty();
    }
    setTimeout(fade_out, 5000);
}); 

当图像消失时，它就消失了。我希望图像在一秒钟左右慢慢淡出。我怎样才能做到这一点？

Answer 1

将空方法放入fadeOut回调中：

var $j = jQuery.noConflict();
$j(document).ready(function() { 
var fade_out = function() {
        $j("#fadeout").fadeOut(1000, function() { $j("#fadeout").empty(); });
    }

    setTimeout(fade_out, 5000);
}); 

Answer 2

var el = $j("#fadeout");
el.fadeOut(1000, function() { el.empty(); })

1000是效果完成淡出所花费的时间（以毫秒为单位）

您可能想要缓存对元素的引用（因为您需要使用它两次）