Lynda com Create Animated Rollovers With jQuery and Dreamweaver 英文版

Lynda.com出品的時長28分鐘的利用jQuery和Dreamweaver制作背景動畫翻轉視頻教程。由ChrisConverse利用開源JavaScript框架的jQuery制作一個互動視頻樣品相集。并且演示在Dreamweaver中如何生動化字幕和播放圖標，使用CSS來修改視頻縮略圖的背景幻燈片式翻轉變化。本教程附帶練習文件。


Inthisproject-basedcourse,authorChrisConversebringsinteractivitytoasamplevideogalleryusingtheopen-sourceJavaScriptlibraryjQuery.WorkinginDreamweaver,Chrisshowshowtoanimatethecaptionsandplayicon,extendthethumbnailsintofilmstrips,andmodifythefilmstripbackgroundstochangeonrolloverusingCSS.Exercisefilesaccompanythecourse.

Takealookatthefinishedwebsitehere.
Topicsinclude:
UpdatingtheCSStoprepareforanimatedcaptions
AddingthejQueryhoverstatement
SettingaJavaScripttimer
Animatingthethumbnailfilmstripbackgrounds

下載鏈接來自TLF
未經過安裝測試與安全檢測，使用者后果自負與本論壇無關
軟體版權歸原作者及其公司所有，如果你喜歡，請購買正版


目錄:


Introduction
Previewingtheprojectacrossbrowsersanddevices02m57s
Usingtheexercisefiles00m39s
Settinguptheprojectfolderandfiles00m44s

02m51s
1.UpdatingtheCSSFileUpdatingtheCSStoprepareforanimatedcaptions02m51s

08m07s
2.AnimatingtheCaptionswithJavaScriptAddingthejQueryhoverstatement04m08s
Animatingtheplayiconandcaptions03m59s

02m03s
3.ModifyingtheThumbnailGraphicsasFilmstripsExtendingthethumbnailintofilmstrips02m03s

09m29s
4.AnimatingtheThumbnailBackgroundsSettingaJavaScripttimer04m32s
Animatingthethumbnailfilmstripbackgrounds04m57s

01m23s
ConclusionWheretogofromhere01m23s