webForumDet fria alternativet

rollover funktion i tabellfält

6 svar · 525 visningar · startad av hildurblad

hildurbladMedlem sedan maj 2003107 inlägg
#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
#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
#3

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

PalleMedlem sedan apr. 20003 174 inlägg
#4

Flyttad från HTML, XHTML & CSS.

mvh Palle
Moderator webForum

PepeJeriaMedlem sedan feb. 2003774 inlägg
#5

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

hildurbladMedlem sedan maj 2003107 inlägg
#6

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

PepeJeriaMedlem sedan feb. 2003774 inlägg
#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.

127 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)