Question

我有一个带有3个div的容器，当我的文件准备就绪时，每个元素都会以不同的速度淡入淡出，不透明度从0到100顺利进行，这是否可以用jquery？

由于

Answer 1

jQuery内置了一种方法，用于动画元素的不透明度：fadeIn

您可以根据需要指定淡入时间（以毫秒为单位）。

根据您的标记，按ID，类或任何内容选择所需的容器，然后调用fadeIn方法。

$('#div1').fadeIn(500);
$('#div2').fadeIn(1500);
$('#div3').fadeIn(2000);

Answer 2

jquery的

$(document).ready(function(){

   $('#div1').animate({opacity: '0'},'fast');
   $('#div2').animate({opacity: '0'},'slow');
   $('#div3').animate({opacity: '0'},1000);

});

我认为你要做什么，动画不透明。对不起英语巴西人

注意：'fast'和'slow'可以在div＃3上以你想要的任何百分比改变

欢呼声

Answer 3

我为你做了一个小提琴：

http://jsfiddle.net/6yENB/

Answer 4

<强> HTML：

<div id="divContainer">
    <div style="background-color: Red; display: none;">
        Red
    </div>

    <div style="background-color: Green; display: none;">
        Green
    </div>

    <div style="background-color: Blue; display: none;">
        Blue
    </div>
</div>

<强> jQuery的：

$(document).ready(function ()
{
    var count = 1000;

    $("#divContainer > div").each(function()
    {
        $(this).fadeIn(count);
        count += 1000;
    });
}

使用jQuery淡化Div

4 个答案: