Build a Random Quote Machine

Build a Random Quote Machine

HTML\CSS\Javascript建立一個隨機quote工具，可以分享到twitter,tumblr

---

HTML負責內容’body’,CSS進行結構、顏色的排版、Javascript負責API獲得quotes、分享。

    <i>fa fa-twitter</i>圖標
    <a class="button">比<button class="">可以點擊然後打開網頁
    修改屬性，$('#tumblr-quote').attr();#表示的是id,
    API的quotes引用：
    $.ajax({
    headers: {
      "X-Mashape-Key": "OivH71yd3tmshl9YKzFH7BTzBVRQp1RaKLajsnafgL2aPsfP9V",
    },
    url: 'https://andruxnet-random-famous-quotes.p.mashape.com/cat=',
    success: function(response) {
      var r = JSON.parse(response);
      currentQuote = r.quote;
      currentAuthor = r.author;


$(".quote-text").animate()添加效果

//部分刷新$(document).ready(function() {
}
$('#tweet-quote').on('click', function() {}點擊產生效果。
window.open新頁面打開