定义随机引言和出处

[zilongxuan001]

功能

点击按钮，引言及其出处随机出现，引言和出处是相互对应的。

代码

//定义一个数组，每个数组由一个字典组成，包含两个键对值。属性为quotes和author。
var quotes=[{
    quote:"甘瓜抱苦蒂，美枣生荆棘。",
    author:"习近平"
    },
   {

    quote:"世界经济的大海，你要还是不要，都在那儿，是回避不了的。",
    author:"习近平"
   }];

$('#quote-btn').click(function(){
//定义随机引文
    //定义引文的随机数字，并赋值给quoteValue  
    var quoteValue=Math.floor(Math.random() * quotes.length);

//将引文的随机元素的quote值赋值给randmQuote
    var randomQuote=quotes[quoteValue].quote;

//将引文随机元素的author值赋值给randomauthor
    var randomAuthor=quotes[quoteValue].author;

//定义引文淡出
    //选择引言,设置“消失”和淡出的功能     
    $('#quote').fadeOut('fast',function(){

// &(this).html("")清除当前元素的内容； &(this).html(randomQuote),添加引言，fadeIn淡入，faedOut淡出。

      $(this).html(randomQuote).fadeIn('slow');      
     });

//选择出处，设置“消失”和淡出的功能。 
    $("#quote-author").fadeOut('fast',function(){
      $(this).html(randomAuthor).fadeIn('slow');
    });

  });

效果

来源：https://codepen.io/zilongxuan001/pen/oqJwKj