Assignment 011

HTML Tag Events

Most objects have events, not just HTML controls. For example tags such as <table>, <tr>, <td>, <a>, and <strong> also have events.

We can use events to dynamically change the CSS used on a Web page. This example uses the onmouseover and onmouseout event of the tag to change the class used a tag. Moving over the words "Change Color" will change the document color to green or blue.

Change Color

In this assignment, you are dynamically updating a class for the STRONG tag. When you cause the onmouseover event, you are changing the class for the BODY tag. Therefore, the BODY tag is styled differently. When you cause the onmouseout event, you are changing the class back to its original setting.

Get creative with your code. I'm giving you just a basic idea of what you can do! Do more than the minimum of what I assign. Play with changing body elements, such as fonts!