最近研究了一下利用滑鼠滾輪控制文字幀動畫的效果，在此記錄一下實現過程。
不多說，先看一下效果圖：
滾動滑鼠滾輪之後文字會漸漸顯示再漸漸消失，當選單下的progressbar滿了的時候，就會觸發換頁動畫跳轉到「精彩桌布」頁面
本專案採用的單頁模式，路由選用的jquery的crossroads路由，具體的路由設定我就不在此仔細介紹了，可以去我的git上檢視原始碼。我這裡主要講述這個滑鼠滾動幀動畫的實現。
實現這個功能主要利用了scrollmagic這個動畫外掛程式，需要引入如下的js檔案：
jsoi2008 星球大戰
題目描述 很久以前，在乙個遙遠的星系，乙個黑暗的帝國靠著它的超級 統治者整個星系。某一天，憑著乙個偶然的機遇，一支反抗軍摧毀了帝國的超級 並攻下了星系中幾乎所有的星球。這些星球通過特殊的以太隧道互相直接或間接地連線。但好景不長，很快帝國又重新造出了他的超級 憑藉這超級 的力量，帝國開始有計畫地摧毀反...
P1197 星球大戰
很久以前，在乙個遙遠的星系，乙個黑暗的帝國靠著它的超級 統治者整個星系。某一天，憑著乙個偶然的機遇，一支反抗軍摧毀了帝國的超級 並攻下了星系中幾乎所有的星球。這些星球通過特殊的以太隧道互相直接或間接地連線。但好景不長，很快帝國又重新造出了他的超級 憑藉這超級 的力量，帝國開始有計畫地摧毀反抗軍占領的...
JSOI 2008 星球大戰
題目傳送門星球大戰 題目描述 很久以前，在乙個遙遠的星系，乙個黑暗的帝國靠著它的超級 統治者整個星系。某一天，憑著乙個偶然的機遇，一支反抗軍摧毀了帝國的超級 並攻下了星系中幾乎所有的星球。這些星球通過特殊的以太隧道互相直接或間接地連線。但好景不長，很快帝國又重新造出了他的超級 憑藉這超級 的力量，帝...