JQuery:如何触发两个动画?

时间:2015-05-31 06:30:30

标签: javascript jquery

我想知道我是否可以淡出以及滑动闪光通知,但只有一个有效的是fadeOut。我该怎么办?

$(document).ready(function() {

            setTimeout(function(){
                $('#flash_wrapper').fadeOut("slow", function() {
                    $(this).remove();
                      })
                }, 4500);
            });

      </script>

我希望能够同时使用slideUpFadeOut。我怎么做?我还是不知道如何让这些工作

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery的.animate()来动画CSS属性:

$('#flash_wrapper').animate({
        height: 0, // like slideUp
        opacity: 0 // like fadeOut
    },
    4500, // speed
    function () { // called when animation is complete
        $(this).remove();
    });