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