簡(jiǎn)介:jQuery基礎(chǔ)課程總共分為4個(gè)部分,分別是樣式篇、事件篇、動(dòng)畫篇、DOM篇。此為最后一個(gè)部分—動(dòng)畫篇。通過本課程的學(xué)習(xí),我們可以制作出以下效果:隱藏和顯示、上卷下來、淡入淡出。我們也可以通過自定義動(dòng)畫去完成一些我們想要的效果。
第1章 動(dòng)畫基礎(chǔ)隱藏和顯示
動(dòng)畫制作是很重要的環(huán)節(jié),在本章中先介紹基本動(dòng)畫方法,如何隱藏、顯示和隱藏/顯示切換的效果。
第2章 上卷下拉效果
學(xué)習(xí)了如何隱藏和顯示內(nèi)容,本章進(jìn)一步介紹,如何更豐富的實(shí)現(xiàn)下拉、上卷及下拉/上卷切換的動(dòng)態(tài)效果。
第3章 淡入淡出效果
本章進(jìn)一步介紹,如何實(shí)現(xiàn)更豐富的動(dòng)態(tài)效果,如淡入、淡出及淡入/淡出切換的動(dòng)態(tài)效果。
第4章 動(dòng)畫切換的比較
本章詳細(xì)介紹,顯示/隱藏、下拉/上卷及淡入/淡出切換的三種動(dòng)畫切換方法的對(duì)比,以及注意事項(xiàng)。
第5章 自定義動(dòng)畫
前面章節(jié)主要介紹固定動(dòng)畫方法,本章介紹 animate() 方法可自定義動(dòng)畫,該方法通過CSS樣式將元素從一個(gè)狀態(tài)改變?yōu)榱硪粋€(gè)狀態(tài)。通過本章學(xué)習(xí)讓大家自己動(dòng)手制作相應(yīng)的動(dòng)畫。
第6章 jQuery核心
本章主要介紹jQuery核心方法和技巧,讓大家更好的理解和運(yùn)用jQuery。