javascript - 如何使用javascript将不透明度从0添加到100？

Question

将框动画到随机位置，然后将它们移回原始位置，但我不知道如何在此脚本上添加从 0 到 100 的 + 不透明度

$(document).ready(function(){
    var h = $(window).height();
    var w = $(window).width();            
    $('#intro .box').each(function(){
        var originalOffset = $(this).position(),
            $this = $(this),
           tLeft = w-Math.floor(Math.random()*900),
           tTop  = h-Math.floor(Math.random()*900);

        $(this).css({
            "left": tLeft,
            "top": tTop
        });

        $this.animate({ "left": originalOffset.left, 
                         "top": originalOffset.top
                     },5000);

    });
});

所以请帮忙:)这里是演示：http: //jsfiddle.net/HgMB4/24/

Answer 1

在 CSS 中设置.box为。opacity: 0

然后在您的动画函数中，添加 opacity: 1 作为属性之一。

http://jsfiddle.net/Hr5ZT/1/

    $this.animate({ "left": originalOffset.left, 
                     "top": originalOffset.top,
                   "opacity": 1
                 },5000);