本來想研究動畫效果的，在網上看到了可以用css3的動畫屬性（@keyframes 規則），由於回來較晚，洗漱後近12點纔開始看代碼（前兩天快3點才睡白天也沒休息）又困又累找到方法後就沒有繼續研究了。剛剛研究了下百度貼吧之永夜君王吧，分析了下代碼，現在也隨便寫點吧。
一、開工
首先想查看捧場動態的源碼，可是打開後發現灰色的一大塊區域是用<frame>標籤實現的，看代碼發現src有一個鏈接，點擊network進行查看，返現是服務器返回的一個json數據。在頁面查找發現是下面區域今日話題的內容。而捧場動態和最新章節、本月排行、讀者貢獻榜共同用動畫（@keyframes 規則）實現。
二、繼續查找捧場動態
接着往下查看代碼，發現<frame>標籤裏包含了#document，打開後會發現這裏面的內容就是動畫的幾個模塊，在body中可找到我們需要的東西。
至此佈局已經明朗了，至於style中的margin-top的改變應該是在js裏修改的，head中包含了引用的js文件。
三、補充
突然想到這是小白學習，可能有的人不知道怎麼調試（web小白應該會有這個經歷）。我用的是谷歌瀏覽器，mac下按alt+command+J快捷鍵可打開開發者工具選項，windows下是ctrl+shitf+J。具體的使用就不再介紹了，打開後百度或自己慢慢摸索吧。
這一章就當一個簡單的源碼分析篇吧，最爲捧場動態效果實現的一個子章節，接下來在寫具體的實現，爭取今天能寫出來吧，原計劃今天寫好後明天開始react的研究，下午還要陪同學去爬山，只怕計劃又要打亂了，動畫效果實現後爭取來一個總結，其實我還想在這個系列裏使用打包編譯工具的，但是還沒開始看，也不會用，今天應該是完不成了，爭取吧，動畫實現了學一下less，webpack等，如果時間來得及就在初識系列裏跟進，來不及就在react系列裏添加。因爲以前做過react native，爭取哪天也寫一個實踐的系類教程吧，加油！