FCC學習了幾天，把以前自學的基礎知識又基本復習了一遍，除了JSON部分需要再動手寫一寫，其他的都沒有什麽大問題，但是基本的理論還是要加強，目前的狀態是：知其然，不知其所以然。

對這個實例自己實現了一下，把整個分析、實現的過程及經驗進行一下總結。

<-- 實例要求 -->

• 點擊按鈕就生存一個新的隨機引用sentence，同時author隨之一起改變，sentence、author的font顏色，icon、button及body的背景色同時發生隨機改變，相互之間顏色一致。

• 點擊Twitter圖標把顯示的引用sentence發到twitte

<-- 實現思路 -->

使用jQuery實現。

1. 所有的交互效果都是由按鈕的點擊事件控制的，點擊按鈕，通過.css()改變sentence和author的color屬性，改變icon，button及body的background-color屬性，並用過使用.html()改變sentence和author的文本內容；

2. color的值，sentence和author的文本內容使用JSON進行數據交互，自己寫一個SON文件進行調用；

3. 為了產生隨機的效果，使用Math.random()方法，具體使用需要根據JSON中數據數量的情況，例如JSON中color的數據數量為n，則需要產生0-n的隨機數，方法未：Math.floor(Math.random()*n);

4. 點擊後有延遲效果和顏色漸變的動畫效果，延遲使用setTimeout()方法實現，顏色漸變的動畫效果使用fadeIn()/fadeOut()或.animate()方法，該效果第一次未能實現，具體使用哪種方法最後再進行確定。

（未完待續！）

Built a Random Quote Machine（一）