Join Chris Converse for an in-depth discussion in this video Where to go from here , part of Create Animated Rollovers with jQuery.
- View Offline
Now that you have completed animated rollover course I want to talk about…something that you might want to do to future projects.…So, on the jQuery web site under docs. jquery.com, which is the same as the…Documentation link here in the title bar.…I want to scroll down on the left-hand side and come down and click on the Effects.…the very first item under effects as the Animate command, which is what we used…in our course that we just completed.…Now there are whole bunch of CSS properties and animation properties you can…set inside of jQuery and it will automatically take care of animating those different states.…
Now the other thing we added to our course was using a set interval in order…to timeout animations.…So there's a previous course I did for lynda.com called Adding an Autoplay to…your Interactive Marquee.…So here we have a timer that's in the lower left-hand corner, very similar again…to what we did in this particular course and what we're doing here is actually…animating the different states of this marquee based on that set timer interval.…
Take a look at the finished web site here.
- Updating the CSS to prepare for animated captions
- Adding the jQuery hover statement
- Animating the thumbnail filmstrip backgrounds