Step 1 - Add the
top level Button Images to your Web Page
For each top level button on your menu add the following HTML code to your web page:-
<a href="[LINK]" onMouseOut="SDDM_deactivate(N);"
onMouseOver="SDDM_activate(N);">
<img name="SDDM_imageN" id="SDDM_imageN"
src="[BUTTONIMAGE]" width="50" height="15"
border="0"></a>
replacing N with the number of the button on the menu. (ie. the first button
would be 1, the second 2 etc).
replace [LINK] with the url that you would like the button to link to
replace [BUTTONIMAGE] with the URL to the button image file
Also adjust the "width" and "height"
settings to match the size of each button image.
For example a menu with four top level buttons would be implemented like this:-
<a href="link1.htm" onMouseOut="SDDM_deactivate(1);"
onMouseOver="SDDM_activate(1);">
<img name="SDDM_image1" id="SDDM_image1" src="./images/button1.gif" width="50"
height="15" border="0"></a>
<a href="link2.htm" onMouseOut="SDDM_deactivate(2);"
onMouseOver="SDDM_activate(2);">
<img name="SDDM_image2" id="SDDM_image2" src="./images/button2.gif" width="50"
height="15" border="0"></a>
<a href="link3.htm" onMouseOut="SDDM_deactivate(3);"
onMouseOver="SDDM_activate(3);">
<img name="SDDM_image3" id="SDDM_image3" src="./images/button3.gif" width="50"
height="15" border="0"></a>
<a href="link4.htm" onMouseOut="SDDM_deactivate(4);"
onMouseOver="SDDM_activate(4);">
<img name="SDDM_image4" id="SDDM_image4" src="./images/button4.gif" width="50"
height="15" border="0"></a>
|