Exercises
The challenge exercise may require the use of the official jQuery documentation at http://api.jquery.com/:
- Alter the stylesheet to hide the contents of the page initially. When the page is loaded, fade in the contents slowly.
- Give each paragraph a yellow background only when the mouse is over it.
- Make a click on the title
(<h2>)
and simultaneously fade it to 25 percent opacity and grow its left-hand margin to20px
. Then, when this animation is complete, fade the speech text to 50 percent opacity. - Here's a challenge for you. React to presses of the arrow keys by smoothly moving the switcher box 20 pixels in the corresponding direction. The key codes for the arrow keys are:
37
(left),38
(up),39
(right), and40
(down).