Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript将不透明度从0添加到100?_Javascript_Jquery_Css_Opacity - Fatal编程技术网

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

如何使用javascript将不透明度从0添加到100?,javascript,jquery,css,opacity,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(),

将长方体动画设置为随机位置,然后将其移回原始位置,但我不知道如何在此脚本上添加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);

    });
});
所以请帮忙:)
下面是演示:

在CSS中将
.box
设置为
不透明度:0

然后在动画功能中,添加不透明度:1作为属性之一


在CSS中将
.box
设置为
不透明度:0

然后在动画功能中,添加不透明度:1作为属性之一


由于不透明度设置为0到1,只需将值除以。。。。等等。。。。100,以获得正确的值?您所说的“添加不透明度”是什么意思?恐怕我不明白你的问题。可能是重复的-@BenBarden类似于淡入淡出的不透明度设置为0到1,只需将你的值除以。。。。等等。。。。100,以获得正确的值?您所说的“添加不透明度”是什么意思?恐怕我不明白你的问题。可能是重复的-@BenBarden类似于淡入的东西是的,就是它:)谢谢@MirkoMukaetov如果这是有效的,通常认为通过点击它旁边的绿色复选标记接受它作为您的答案是礼貌的。是的,就是它:)谢谢@MirkoMukaetov如果这是有效的,通常认为通过点击旁边的绿色复选标记接受它作为您的答案是礼貌的。
    $this.animate({ "left": originalOffset.left, 
                     "top": originalOffset.top,
                   "opacity": 1
                 },5000);