- Download the exercise files.
- 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.
- Set up a click event on every
<h2>
element that simultaneously fades it to 25 percent opacity while growing its left-hand margin to 20px. Then, when this animation is complete, fade the speech text to 50 percent opacity. - Bonus: Make the style switcher work.
- Challenge: 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), and 40 (down).
-
Notifications
You must be signed in to change notification settings - Fork 1
arun-projects/Gettysburg-Address
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
Project to practice jQuery selectors and animation.
Topics
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published