带移动的jquery fadein（）

下面是控制两个层（textlayer和text）的代码。在textlayer显示之后，然后是文本显示

<div id="textlayer" style="width:500px; height:500px; background-color:#FFFFFF;filter:alpha(opacity=70);opacity:0.8; position:absolute;left:250;top:150;display:none;">
    <div id="text" style="display:none; padding-top:300px">
    </div>
</div>

    function div2() {
        for (i=0;i<displaymax;i++) {
        $('#span'+i).fadeOut('slow');
        }
        $('#textlayer').fadeIn('slow', function () {
            $('#text').fadeIn(3000);
        });
    }

函数div2（）{
对于（i=0；i摆脱fadeIn，只需使用动画即可

$('#text').animate({'opacity': 'show', 'paddingTop': 0});

这就是你想要的效果吗


当然，没有颜色。它在主div中淡入淡出，然后在文本div中淡出并从下至上移动

剧本
加成

测试文本

注意：我将
padding top:900px
添加到文本div的标记中，以将其移出包含的div，并且我还将
overflow:hidden；
添加到容器中。
Chain.animate（{“top”：“+=50px”}）到你的#text fadeIn，或者去掉fadeIn，只使用animate移动元素并更改不透明度。它必须是从下到上吗？从上到下怎么样？更新。我改为使用$（'#text'）。animate（{“padding top”：-=50px“}）。fadeIn（3000）；但不是工作。你可能会确切地说明你在找什么。这个问题有点难理解。
$('#textlayer').fadeIn('slow', function () {
   $('#text').animate({'opacity': 'show', 'paddingTop': 0}, 2000);
});

<div id="textlayer" style="width:500px; height:500px; background-color:#00FFFF;filter:alpha(opacity=70);opacity:0.8;position:absolute;left:250;top:150;display:none;overflow:hidden;">
    <div id="text" style="display:none; background-color:Red; padding-top:900px">
        Test Text
    </div>
</div>