rollover funktion i tabellfält

6 svar · 535 visningar · startad av hildurblad 17 okt. 2004

hildurbladMedlem sedan maj 2003107 inlägg

Trådstart17 okt. 2004 19:41#1

Är det möjligt att göra en rolloverfunktion i tabellfält? Jag tänkte göra en tabell som är ca 200 px bred och med ca 20 rader. I dessa skall jag ha olika textlänkar och jag skulle vilja att bakgrundsfärgen i varje enskilt tabellfält ändras när man för muspekaren över den?
Nån som fattar vad jag menar? Hur gör man?
Tacksam för hjälp!

silfverMedlem sedan apr. 200312 679 inlägg

17 okt. 2004 19:45#2

<td style="background-color: #F0F0F0;" onMouseOver="this.style.backgroundColor='FFFFFF';" onMouseOut="this.style.backgroundColor='F0F0F0';">text</td>

Pröva att söka annars...

yadorMedlem sedan mars 2004455 inlägg

17 okt. 2004 20:03#3

td istället för tid är det väl

PalleMedlem sedan apr. 20003 174 inlägg

18 okt. 2004 06:14#4

Flyttad från HTML, XHTML & CSS.

mvh Palle
Moderator webForum

PepeJeriaMedlem sedan feb. 2003774 inlägg

18 okt. 2004 07:24#5

Du kan även lösa detta med enbart CSS, kolla in denna exempel

hildurbladMedlem sedan maj 2003107 inlägg

18 okt. 2004 10:51#6

Vad är fördelen/nackdelen med att lösa problemet med CSS alt. JavaScript?

PepeJeriaMedlem sedan feb. 2003774 inlägg

18 okt. 2004 11:54#7

Fördelen är att om du vill ändra färgen så gör du det i css filen, i stället för att söka upp varje td på din website som har denna funktion. Mindre kod alltså, du behöver inte ha onmouseover och onmouseout på varje <td>.

Dessutom funkar hover effekten även för folk som stängt av sin Javascript.