Question

所以我有两个链接（图形）的Div。我希望这些在一段时间内分开。截至目前，他们只是在一毫秒内反弹。

$(document).ready(function(){
$("article").fadeIn('slow', function(){
     $('.segment1').fadeIn(3000);
}); 
});

如果你看看JSfiddle，我相信如果我的描述含糊不清，你将能够弄明白我的意思。提前谢谢！

Answer 1

<强> DEMO

使用maxHeight技术而不是使用fadeIn。

<强> JS：

// JavaScript Document
$(document).ready(function () {
    $('article').animate({maxHeight:999},3000);
    setTimeout(function(){
        $('.segment1').animate({opacity:1},1000, function(){
            //do something after segment revealed
        });
    }, 1000);
});

<强>的CSS：

article{
    ...
    display:block;
    ...
    max-height: 0;
    ...
}

Answer 2

使用slideDown代替fadeIn

$('document').ready(function(){
    $("article").fadeIn('slow', function(){
         $('.segment1').slideDown(5000);
    }); 
});

更新了Fiddle

Answer 3

$('document').ready(function(){
$("article").fadeIn('slow', function(){
     $('.segment1').fadeIn('slow');
}); 
});

尝试这个我认为它的工作

使用fadeIn使DIV显得平滑

3 个答案: