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是效果完成fadeOut所用的时间（以毫秒为单位）

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

使用jQuery淡出图像

2 个答案: