webdesign och HTML

Rollover tabell

Rolloverfärg i tabellceller, tabellrader eller i hela tabellen
För muspekaren	över en cell	...eller en rad
	...eller hela tabellen!

Steg 1:
Lägg koden inom <TABLE>

Lägg koden inom den del av <TABLE> som du vill påverka:

onMouseover="this.bgColor='#006699'" onMouseout="this.bgColor='#FFFFFF'"

<TD> för tabellcell
<TR> för tabellrad
<TABLE> för hela tabellen

Exempel 1 - tabellcell:

<td onMouseover="this.bgColor='#FF9900'" onMouseout="this.bgColor='#FFFFFF'">
Text här...
</td>

Exempel 2 - tabellrad:

<tr onMouseover="this.bgColor='#0099CC'" onMouseout="this.bgColor='#FFFFFF'">

Exempel 3 - hela tabellen:

<table onMouseOver="this.bgColor='#996666'" onMouseOut="this.bgColor='#FFFFFF'">

OBS! Om du vill återgå till ursprungsfärgen när du använt scriptet kan du utelämna färgvärdet men behålla apostroferna enligt exemplet nedan:

onMouseover="this.bgColor='#006699'" onMouseout="this.bgColor=''"