spacer.gif (807 bytes)

 

Highlight menu effect IE

Credits: Dynamic Drive

Description: Add a stylish "highlight" effect to your table menus using this versatile DHTML script. A thin border is applied around the table cell (<td>) in participation as the mouse moves over it, with this effect visible in IE4+ and NS6+. Great and lightweight effect.

Demo:

Main Menu

Directions Developer's View

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 onMouseover=... and onMouseout=...code inside the <table> tag itself, as follows:

<table onMouseover="borderize_on(event)" onMouseout="borderize_off(event)">

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>

 

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 © 2001 bogolubow@narod.ru BYN., ALL RIGHTS RESERVED
SE@RCHER BYN  logo are registered trademarks  Online in RuNet
 Last Updated:  Oct 10, 2001