如何使用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);