39 besökare, 1 medlem och 3 Studenter är online nu
Loopia

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=''"