滑动后淡出功能

slideup after fading out function

本文关键字：功能 淡出      更新时间：2023-09-26
<script>
    $(function() {
      $('#error').delay(1000).fadeOut(1000).slideUp();
    });
</script>

我得到了它的一部分工作，但是它没有滑出来后，它已经消失了。

编辑:

我想让这个div下面的内容在div淡出后滑动…代码:

    $(function() {
    $('#error').delay(3000).fadeOut(2000).animate({
                        opacity: 0
                    }, "slow", function(){
                        $(this).slideUp();
    });
});

还在快速上涨

http://jsfiddle.net/XhXDq/3/

jQuery("#outer").animate({opacity: 0}, 1000).slideUp();

您首先使用animate淡出元素，然后在回调(当淡出完成时)，您执行slideUp。

$(function() {
    $('#error').delay(1000).animate({opacity: 0}, 100, "linear", function() {
        $('#error').slideUp();
    });
});

示例:http://jsfiddle.net/4HT25/

使用fadeTo代替。0 

<script>
    $(function() {
      $('#error').delay(1000).fadeTo(1000, 0).slideUp();
    });
</script>
相关文章：