簡(jiǎn)介:通過(guò)本課程JS動(dòng)畫(huà)的學(xué)習(xí),從簡(jiǎn)單動(dòng)畫(huà)開(kāi)始,逐步深入緩沖動(dòng)畫(huà)、多物體動(dòng)畫(huà)、鏈?zhǔn)絼?dòng)畫(huà)、多動(dòng)畫(huà)同時(shí)運(yùn)動(dòng)到完美運(yùn)動(dòng)框架的過(guò)程,每一個(gè)效果封裝成一個(gè)小運(yùn)動(dòng)框架,逐漸培養(yǎng)和鍛煉封裝運(yùn)動(dòng)框架和編程的思想,讓您的邏輯思維不斷增強(qiáng)。
第2章 簡(jiǎn)單動(dòng)畫(huà)
通過(guò)高、寬、透明度等的改變,實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果。
第3章 緩沖動(dòng)畫(huà)
簡(jiǎn)單動(dòng)畫(huà)實(shí)現(xiàn)的都是勻速運(yùn)動(dòng),本章主要講解如何實(shí)現(xiàn)緩沖動(dòng)畫(huà)效果。
第4章 多物體動(dòng)畫(huà)
之前章節(jié)介紹都是單物體運(yùn)動(dòng)效果,本章介紹如何實(shí)現(xiàn)多物體運(yùn)動(dòng)的運(yùn)動(dòng)框架的封裝過(guò)程。
第5章 鏈?zhǔn)絼?dòng)畫(huà)
本課程主要介紹實(shí)現(xiàn)多種運(yùn)動(dòng)的連續(xù)運(yùn)動(dòng)效果,即鏈?zhǔn)絼?dòng)畫(huà)。
第6章 同時(shí)運(yùn)動(dòng)
本章介紹多種運(yùn)動(dòng)同時(shí)運(yùn)動(dòng)的效果,通過(guò)JSON和for-in ,最終實(shí)現(xiàn)完美運(yùn)動(dòng)框架的過(guò)程。
第7章 動(dòng)畫(huà)案例
分別運(yùn)用JS封裝的運(yùn)動(dòng)框架和JQ中animate實(shí)現(xiàn)同一個(gè)案例動(dòng)畫(huà)效果。