HTML and CSS Reference
In-Depth Information
The following steps enter the code for the mouse event handlers to invoke the associated user-defined
functions for the image rollovers. Note that each line of code may wrap to a second line in Notepad++.
1
•
Click line 88 and
position the insertion
point after the
alt=“home” attribute.
•
Press the
s p a c e b a r
and
enter the code shown
in Table 11-6 for
line 88 to enter all the
mouse event handlers
associated with image
rollovers for the Home
button. Do not press
the
e n t e r
key when
finished.
mouse event handlers for
image rollover for Home page
mouse event handlers for image
rollover for Nature Center page
mouse event handlers for image
rollover for Gift Shop page
2
mouse event handlers for
image rollover for Trails page
•
Click line 92 and
position the insertion
point after the
alt=“nature center”
attribute.
do not press
e n t e r
key
•
Press the
s p a c e b a r
and
enter the code shown
in Table 11-6 for line
92 to enter all the mouse
event handlers associated
with image rollovers for the Center button.
Do not press the
e n t e r
key when finished.
Figure 11-5
3
•
Click line 96 and position the insertion point after the alt=“gift shop” attribute.
•
Press the
s p a c e b a r
and enter the code shown in Table 11-6 for line 96 to enter all the mouse event handlers associated
with image rollovers for the Shop button. Do not press the
e n t e r
key when finished.
4
•
Click line 100 and position the insertion point after the alt=“trails” attribute.
•
Press the
s p a c e b a r
and enter the code shown in Table 11-6 for line 100 to enter all the mouse event handlers associated
with image rollovers for the Trails button. Do not press the
e n t e r
key when finished (Figure 11-5).
To Save and Test the Hickory Oaks Forest Preserve Web Page Navigation Bar
The code for the Hickory Oaks Forest Preserve Web page navigation bar is complete. Now you should
save the HTML file and then test the JavaScript code using a Web browser. The following steps save and test the
Hickory Oaks Forest Preserve Web page.
