使用jQuery淡出图像

L84*_*L84 -1 javascript jquery

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

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

当图像消失时,它就会消失.我希望图像慢慢淡出一秒钟左右.我怎样才能做到这一点?

sce*_*sor 5

将空方法放在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);
}); 
Run Code Online (Sandbox Code Playgroud)