如何添加淡入效果？

Question

我该如何添加淡入效果？

  $(document).ready(function(){
  var myQuotes = new Array(); 
  myQuotes[0] = "All is connected... "; 
  myQuotes[1] = "The best way"; 
  myQuotes[2] = "Your work is to discover"; 
  myQuotes[2] = "If success";

  var myRandom = Math.floor(Math.random()*myQuotes.length); 
  $('#quoteHome').html(myQuotes[myRandom]);      

});

Answer 1

您可以将 .hide() 与 .fadeIn()，如下所示：

$('#quoteHome').html(myQuotes[myRandom]).hide().fadeIn();

Answer 2

使用这个方法：

$('#quoteHome').hide().html(myQuotes[myRandom]).fadeIn('fast');

Answer 3

 $('#quoteHome').fadeIn();

 $('#quoteHome').fadeIn(1000); //duration in milliseconds

 $('#quoteHome').fadeIn('fast'); //speed

Answer 4

再简单不过了。

$('#quoteHome').html(myQuotes[myRandom]).fadeIn('slow');

只需确保从一开始就将 #quoteHome 设置为 display:none 。