簡介：七夕鄰近，才子佳人們又要開始約會了，為了心愛的她獻(xiàn)上一份不一樣的浪漫。本課程中使用面向接口的編程方式，采用H5+JS+CSS3的混合使用實現(xiàn)整個功能。課程當(dāng)中總共分為3個主題場景圖，多個精靈圖以及雪碧圖，實現(xiàn)了靜與動的完美結(jié)合，并且由淺入深的將整個案例拆分講解。
第1章 效果預(yù)覽與介紹
本章展示整個課程的效果以及課程中的一些注意點
第2章 頁面的搭建與切換
本章講解了整個效果的結(jié)構(gòu)搭建以及背景圖的滾動切換效果，并介紹如何進(jìn)行代碼的封裝。
第3章 小男孩的動作的分解
本章講解如何實現(xiàn)自適應(yīng)布局，小男孩整個流程的動作拆解以及運動軌跡的處理。
第6章 主題頁面二
本章主要是對第二副圖中動畫的講解，頁面是如何布局，開關(guān)門的效果如何實現(xiàn)，人物坐標(biāo)如何改變，以及燈光和小鳥是如何實現(xiàn)的。
第7章 主題頁面三
本章主要是對第三副圖中動畫的講解，頁面如何布局，星星的閃動和河水的流動是怎么實現(xiàn)的，人物的運動軌跡如何處理，轉(zhuǎn)身的動作又是怎么回事，還有l(wèi)ogo的晃動以及最后唯美的飄花都是怎么實現(xiàn)的。