WDV221 Intro Javascript

Style Object - CSS Interactions - In Class Exercises

Please modify this page to create the following Dynamic HMTL effects.

1. Click this paragraph to change the font color to red.

2. Mouseover this paragraph to change the font color to black.

3. Mousever this paragraph to center the H3 element containing "CSS Interactions".

4. Click the button to left align the H3 element.

5. Part 1. Mouseover this paragraph to change the font to a font of you choice. Part 2. Click on this paragraph to return the font to the default font.

6. Click on the button to make the word SALE font size 24.

7. Click on the button to return the word to its original size.

8. Use an eventhandler of your choice on this paragraph to make the paragraph background color yellow.

9. Use an onclick event to hide the Frog picture shown below.

10. Use the following button to make the Frog picture shown below reappear.

11. Mouseover the following image to make its height and width double its original size.

12. Use a click event on the image to make it return to original size.