jQuery动画展示滑动的流向，显示和淡出

【问题标题】：jQuery animation to show the flow of slidedown, show and fade outjQuery动画展示滑动的流向，显示和淡出
【发布时间】：2011-07-06 14:51:59
【问题描述】：

我想问一下我怎么可能创建一个动画流来显示更新状态，它将通过以下流程进行动画处理：

表单更新成功
SlideDown 在 div 中显示成功状态消息
显示此消息 5 秒
5 秒后淡出消息

这就是我目前所拥有的......

$("#status").empty().append("successfully updated." );
$('#status').slideDown('fast', function() {
    $("#status").show(5000, function() {
        $("#status").fadeOut('slow');
    });
});

非常感谢。

【问题讨论】：

标签： jquery

【解决方案1】：

这是一种方法： HTML：

<form ...></form>
<div id="message" style="display:none;">Update successfull</div>

Javascript：

 $('#message').slideDown().delay(5000).fadeOut();

EDIT 修改你刚刚添加的代码，你应该这样做：

$("#status").empty().append("successfully updated." );
$('#status').slideDown('fast', function() {
    setTimeout(function(){
        $("#status").fadeOut('slow');
    }, 5000);
});

希望这会有所帮助。干杯

【讨论】：

【解决方案2】：

$("#myDiv").text("update successfull").slideDown().fadeOut(5000);

【讨论】：