Cross Browser Drop-down Menus
7. Final Touches
We're almost finished now, but our menu still doesn't quite look like the one at the top of the page.
All that's left is to add the subtle omMouseover effect and the transparency.
The mouseover is simple, just add the following to each <td> element of your menus:
onMouseover="this.style.backgroundColor = '#ac2020';" onMouseout = "this.style.backgroundColor = '#8b0000';"
The transparency effect is added using CSS (Cascading Style Sheets). Add the following to your style sheet:
.menu {
filter:alpha(Opacity=90, FinishOpacity=30, Style=1, StartX=0, StartY=0, FinishX=200, FinishY=500);
}
Add the following code to the <div> that surrounds each of the menus:
class="Menu"
More information about using transparency in css can be found here.
|
