A Slacker's Guide to DHTML: 3-state Hi-Lite Menu

DHTML SCRIPTS

Menu/Navigation
Special Effects
Images
Forms
Text/Announcements
Windows/Pop-ups
Clocks/Countdowns
Miscellaneous

3-State Hi-Lite Menu

Instructions::

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>

This goes in the HEAD of your document.

Select All & Copy

This goes in the BODY of your document.

Select All & Copy

<tr><td width="100%" class="menulines"><a href="http://wsabstract.com">Website Abstraction</a></td></tr>

<tr><td width="100%" class="menulines"><a href="http://freewarejava.com">Freewarejava.com</a> </td></tr>

<tr><td width="100%" class="menulines"><a href="http://freewarejava.com/cgi-bin/Ultimate.cgi">Webmaster Help Forum</a> </td></tr>

<tr><td width="100%" class="menulines"><a href="http://www.slashdot.com">SlashDot</a></td></tr>

<tr><td width="100%" class="menulines"><a href="http://www.msnbc.com">MSNBC.com</a> </td></tr>

</table>

Home - Sitemap
Complete HTML Guide - Free Downloads for Webmasters - Tips & Tricks - Tag Reference
Style Sheets Tutorial - JavaScript Library - Dynamic HTML Script Library - XHTML Primer

dhtml/template.html

BIGGER ARCHIVES
MORE INFO
Everything I am not

http://www.dynamicdrive.com
http://www.dhtmlzone.com
http://www.dhtmlshock.com

Just about every Dynamic HTML script on this site is ©opyright Dynamicdrive.com, DHTML Zone, DHTML Shock, or the person whose name appears in the credits to the script. Let it be known that I wrote NONE of them.