MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Create Animated Rollovers with jQuery

Course Summary

Shows how to create animated rollover effects within an HTML document, working in a coding environment.       

  • +

    Course Syllabus

       Previewing the project across browsers and devices
       Using the exercise files
       Setting up the project folder and files
    1. Setting Up a New Project in Aptana Studio
       Downloading and setting up Aptana Studio
       Creating a new web project in Aptana Studio
    2. Updating the CSS File
       Updating the CSS to prepare for animated captions
    3. Animating the Captions with JavaScript
       Adding the jQuery hover statement
       Animating the play icon and captions
    4. Modifying Thumbnail Graphics as Filmstrips
       Extending the thumbnail into filmstrips
    5. Animating the Thumbnail Backgrounds
       Setting a JavaScript timer
       Animating the thumbnail filmstrip backgrounds
       Where to go from here


Course Fee:
USD 25

Course Type:


Course Status:



1 - 2 hours / week

This course is listed under Development & Implementations Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top