Uncle Jims Web Designs: Marquee Examples

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

function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
//--></script>

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

MOVE YOUR MOUSE OVER THE CELLS IN THE TABLE FOR THE EFFECT 
<TABLE BGCOLOR="magenta" BORDER="1" CELLSPACING="0" CELLPADDING="0" WIDTH="60%" onMouseover="changeto('maroon')" onMouseout="changeback('magenta')">
<TR>
<TD bgcolor=yellow WIDTH="20%" id="ignore">TITLE1</TD>
<TD bgcolor=yellow WIDTH="20%" id="ignore">TITLE2</TD>
<TD bgcolor=yellow WIDTH="20%" id="ignore">TITLE3</TD>
</TR><TR>
<TD WIDTH="20%">TR1-TD1</TD>
<TD WIDTH="20%">TR1-TD2</TD>
<TD WIDTH="20%">TR1-TD3</TD>
</TR><TR>
<TD WIDTH="20%">TR2-TD1</TD>
<TD WIDTH="20%">TR2-TD2</TD>
<TD WIDTH="20%">TR2-TD3</TD>
</TR><TR>
<TD WIDTH="20%">TR4-TD1</TD>
<TD WIDTH="20%">TR4-TD2</TD>
<TD WIDTH="20%">TR4-TD3</TD>
</TR><TR>
<TD WIDTH="20%">TR5-TD1</TD>
<TD WIDTH="20%">TR5-TD2</TD>
<TD WIDTH="20%">TR5-TD3</TD>
</TR><TR>
<TD WIDTH="20%">TR6-TD1</TD>
<TD WIDTH="20%">TR6-TD2</TD>
<TD WIDTH="20%">TR6-TD3</TD>
</TR></TABLE>

*OFFICER*	*TITLE*	*STATUS*
JIM	PRESIDENT	PRESENT
RODNEY	VICE-PRESIDENT	ON SITE
SHARON	CHAIRMAN	AWARE
LUMPY	SCRIBE	ASLEEP
MIKE	INDUCTEE	ABSENT

Highlighting Table Cells