In this chapter, we learned how to change the styles on an element based on our mouse interactions, using addClass()
and removeClass()
, and how to control the speed (duration) of adding and removing those classes with a little help from jQuery UI's method overrides.
Then, we learned how to smoothly scroll the window to a specified element on our page. Later, we merged both of our examples together into one example that would smoothly scroll the window and fade our page's background color. Also in this chapter, we found a puppy. What's that? You didn't find a puppy? You must have missed a semi-colon somewhere.
Now that we've added a little spice to our navigation elements, we're going to learn how to give some life to our form inputs in the next chapter. Some of the things we'll learn in the next chapter are form validation animation, visually changing the form to alert the user of a problem with their submission, and how to shake the form if we need the user to fix one of their entries...