MMDT1022 HTML II and Javascript
Week 7


Week 7

Read chapter 4 of the JavaScript textbook.

The books shows how to do rollover buttons using Javascript.
The Dreamweaver wizard uses Javascript.

But...
The coolest method and easiest way to add additional buttons is with CSS!
This site uses CSS rollover buttons.  Study it. 
:-)

 


Lab 7

Create at least 3 html pages that are linked to each other through a CSS rollover menu system.

You will need to create your own buttons or find some somewhere.  Remember, the upstate button must be exactly the same pixel dimensions as the downstate button.  To make buttons that are not square, but round, oblong, etc., you need to use transparency.  Make sure the images are preloaded so there is no delay of the rollover state.

You will need to code the buttons on the html page and in the CSS page by hand.

Grading Criteria Points
10
A folder created in the site root labeled "lab7" 1
3 html pages with rollover menu system. 8
Assignment in on time. 1