Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Now that you've completed the animated rollovers course I want to talk about some things 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 Effects. The very first item under Effects is the animate command which is what we used in our course that we just completed. Now there are a 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 setInterval in order to timeout animations. So there's a previous course I did for lynda.com called Adding an Auto Play 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. Now the other thing here that works the opposite of the animated thumbnails that we just created was when I roll my cursor inside of this object, we actually stop the animation so that the user can interact with this particular content.
So, now setInterval can be a really powerful way to add some automated effects into your web site whether we're animating backgrounds of thumbnails or animating a marquee as we're doing here in order to keep the content fresh and updated if the user is not interacting with your content. So with that that concludes this course. I really appreciate you watching.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.