Skip to content

arun-projects/Gettysburg-Address

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gettysburg Address

  • 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).

About

Project to practice jQuery selectors and animation.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published