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新页面打开