如何使用javascript将不透明度从0添加到100?
将长方体动画设置为随机位置,然后将其移回原始位置,但我不知道如何在此脚本上添加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(),
$(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);