Demo:
Directions
Step 1: Insert
the following script into the <head> section of your page:
Step 2: Add the
below to the <body> of your page. It contains the HTML codes for
the menu:
Configuring the menu
The code of Step 2 illustrates what must be
done to a standard table to have the effect applied to its cells. Firstly,
have present the onMouse...code inside the <table> tag itself, as
follows:
<table onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')"
onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')"
style="background-color:#F0F0F0">
Secondly and finally, for each of the table
cells (<td>) that you wish the effect to be added to, add the class=...
code inside it:
<td class="menulines">.......</a>
Viola!
Recommend Us!
-If
you like Dynamic Drive, please recommend us to a friend...
Legend
All- Script works with Netscape
4 AND Internet Explorer 4+
NS- Indicates script works with Netscape 4
(NOT NS 6 yet)
IE- Indicates script works with Internet Explorer
4 and above
IE5- Indicates
script works with Internet Explorer 5 and above
NS6!- Temporary
index set up on script category pages to indicate script works
in NS6
Copyright © 1998-2001 Dynamic Drive.
Please read Terms Of Use here before
using any of the scripts.
|