xyz 軟體補給站

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


In this project-based course, author Chris Converse brings interactivity to a sample video gallery using the open-source JavaScript library jQuery. Working in Dreamweaver, Chris shows how to animate the captions and play icon, extend the thumbnails into filmstrips, and modify the filmstrip backgrounds to change on rollover using CSS. Exercise files accompany the course.

Take a look at the finished web site here.
Topics include:
Updating the CSS to prepare for animated captions
Adding the jQuery hover statement
Setting a JavaScript timer
Animating the thumbnail filmstrip backgrounds

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


目錄:


Introduction
Previewing the project across browsers and devices 02m 57s
Using the exercise files 00m 39s
Setting up the project folder and files 00m 44s

02m 51s
1. Updating the CSS File Updating the CSS to prepare for animated captions 02m 51s

08m 07s
2. Animating the Captions with JavaScript Adding the jQuery hover statement 04m 08s
Animating the play icon and captions 03m 59s

02m 03s
3. Modifying the Thumbnail Graphics as Filmstrips Extending the thumbnail into filmstrips 02m 03s

09m 29s
4. Animating the Thumbnail Backgrounds Setting a JavaScript timer 04m 32s
Animating the thumbnail filmstrip backgrounds 04m 57s

01m 23s
Conclusion Where to go from here 01m 23s