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

标签 javascript jquery css opacity

<分区>

将框设置为随机位置的动画,然后将它们移回原来的位置,但我不知道如何在此脚本上添加 + 不透明度从 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/

最佳答案

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

然后在您的动画函数中,添加不透明度:1 作为属性之一。

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

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

关于javascript - 如何使用 javascript 将不透明度从 0 添加到 100?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15771511/

上一篇:javascript - 使用 dojo 在 Classic Circular Linear Gauge 中显示当前值

下一篇:html/css 为 ul/li 选择最后一个 child 的最后一个 child

相关文章:

css - 无法覆盖输入框溢出

html - 为什么flex-end和flex-start是top和bottom with flex-direction :row

javascript - 何时使用模块与原型(prototype)?

javascript - 如何在 Nodejs REPL 中使用 Typescript 类?

javascript - cmd/ctrl + a 不适用于 jQuery 限制功能

javascript - 从使用 .data() 添加的对象字符串中获取值

CSS 未在某些浏览器中应用

javascript - 检测是否没有来自浏览器的系统事件(包括浏览器外的事件)

javascript - 在获取之前进行主干渲染

jquery - 隐藏除一个之外的所有 div