javascript - 如何使用 jquery 增加 div 的不透明度？

Question

我只想为 div 设置动画。div 的不透明度最终应该以某种方式显示，它应该以最大不透明度显示。怎么做？

Answer 1

将div的不透明度设置为0

$(div).css({opacity : 0})

然后，使用动画

$(div).animate({'opacity': 1}, 1000)

您也可以在 css 中设置不透明度

Answer 2

使用fadeTo()：

$('div').fadeTo('fast', .5) // fade div to 50% opacity

Answer 3

或者你可以使用动画：

$('#test').animate({

    'opacity': 1,
    'width': '400px'

},  600);