切换内容，动画其内容

Question

我正在使用contentSwitcher开发一个登陆页面，一切正常，但我想知道如何一个接一个地动画其内容，只是为了添加一些奇特的风格。 Test Landing Page

您可能会看到下面有标题，副标题，段落和图片，如何为每个元素添加fadeIn相隔几秒？

感谢您的帮助！

Answer 1

您可以使用在动画完成时触发的回调函数

看看这里：

http://api.jquery.com/fadeIn/

示例：

$('#element1').fadeIn('slow', function() {
        // this will be called then the first animation is complete

        $('#element2').fadeIn('slow', function() {
        // this will be called then the second animation is complete

            $('#element3').fadeIn('slow', function() {
            // this will be called then the third animation is complete


            });


        });

});

要将动画延迟几秒钟，请使用.delay（）

http://api.jquery.com/delay/