Uncle Jim's Web Designs

Highlighting Table Cells

Author: Jim Stiles

This is an example of how to highlight cells within an HTML table, using JavaScript. Placing the mouse over the cells in the table causes the color of that cell to change. When the mouse is moved out of the cell, the original color returns. This is accomplished with a "mouse-in" and "mouse-out" script. This script also allows you to ignore specific cells, as I have done with the top menu cells. This script gives the visitor the sense of activity and aids in the visuality of the table.


MOVE YOUR MOUSE OVER THE CELLS IN THE TABLE FOR THE EFFECT
OFFICER TITLE STATUS
JIM PRESIDENT PRESENT
RODNEY VICE-PRESIDENT ON SITE
SHARON CHAIRMAN AWARE
LUMPY SCRIBE ASLEEP
MIKE INDUCTEE ABSENT



INSTALLATION INSTRUCTIONS
COPY - Insert Between Head Tags: <HEAD></HEAD>

COPY - Insert Inside Body: <BODY></BODY>



Close This Window