如何添加淡入淡出?

时间:2010-11-30 22:37:45

标签: jquery random quotes fade fadein

我如何添加淡入淡出?

  $(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]);      

});

4 个答案:

答案 0 :(得分:3)

您可以使用.hide()链接.fadeIn(),如下所示:

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

答案 1 :(得分:1)

使用此方法:

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

答案 2 :(得分:0)

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

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

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

答案 3 :(得分:0)

再简单不过了。

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

请确保将#quoteHome设置为来自getgo的display:none