Question

我试图淡化一串字母，我不确定为什么它们不会在不同的时间消失。

<script>
window.onload = function() {
$( "#A" ).fadeIn( "500" );
$( "#B" ).fadeIn( "600" );
$( "#C" ).fadeIn( "700" );
$( "#D" ).fadeIn( "800" );
$( "#E" ).fadeIn( "900" );
$( "#F" ).fadeIn( "1000" );
$( "#G" ).fadeIn( "1100" );
$( "#H" ).fadeIn( "1200" );
$( "#I" ).fadeIn( "1300" );
$( "#J" ).fadeIn( "1400" );
$( "#K" ).fadeIn( "1500" );
$( "#L" ).fadeIn( "3600" );
}
</script>

Answer 1

持续时间以毫秒为单位（整数值）;字符串＆＃39;快速＆＃39;并且“慢”＆＃39;可以提供分别指示200和600毫秒的持续时间。如果提供了任何其他字符串，或者省略了duration参数，则使用400毫秒的默认持续时间。如果使用整数值而不是字符串，则可以使此代码有效。

$( "#A" ).fadeIn( 500 );
$( "#B" ).fadeIn( 600 );

在你的脚本中，fadeIn在每种情况下都采用默认时间设置。

如果你想按顺序工作

$( "#A" ).fadeIn( 500, function() {
$( "#B" ).fadeIn( 100 );
});

Answer 2

当您将时间添加为500,600时，衰落的速度会发生变化，但会同时开始淡出。你的代码应该是

$(document).ready(function ()
{

     $("#A").fadeIn( 500,function ()
     {
        $("#B").fadeIn( 500,function ()
         {
                $("#C").fadeIn(500,function ()
                 {

                 });
         });
     });
});

添加了一个接一个地淡化的回调函数

顺序字母淡入不按顺序工作，所有淡入淡出同时jQuery

2 个答案: