Avatar billede qualon1 Nybegynder
12. oktober 2004 - 15:10 Der er 10 kommentarer og
1 løsning

Background billede skifte ved mouseover

Hej... JEg ville gerne have sådan at når man holder musen over et felt i en table... så skifter baggrunden inde i <td>'en...

Nogen der kan lave det??

Hele koden tak...

kan godt få til at skifte men det er ikke hele feltet, kun der var linket er....
Avatar billede roenving Novice
12. oktober 2004 - 15:43 #1
<td onmouseover="this.style.backgroundImage=url(hover.gif);" onmouseout="this.style.backgroundImage=url(normal.gif);" style="background-image:url(normal.gif);">
Avatar billede qualon1 Nybegynder
12. oktober 2004 - 19:34 #2
det virker sku ikke helt...
Avatar billede qualon1 Nybegynder
12. oktober 2004 - 19:34 #3
den laver udført, men med fejl på siden
Avatar billede roenving Novice
12. oktober 2004 - 19:36 #4
Argh ...

Der mangler et par gnyffer !-)

<td onmouseover="this.style.backgroundImage='url(hover.gif)';" onmouseout="this.style.backgroundImage='url(normal.gif)';" style="background-image:url(normal.gif);">
Avatar billede qualon1 Nybegynder
12. oktober 2004 - 19:40 #5
kan man lave sådan at den også skifter den class den bruger?? så hvis mus ikke er over bruger den class=uaktiv og hvis den er over så bruger den class=aktiv
Avatar billede roenving Novice
12. oktober 2004 - 19:47 #6
Sagtens, men det er tåbeligt at skifte className on-the-fly, da browseren så smider hele sit bibliotek om hvordan de enkelte elementer skal vises, dvs. _samtlige_ enkelt-elementer skal beregnes forfra !-)

-- så lav hellere den eller de enkelt-properties om, f.eks.

<td onmouseover="this.style.backgroundImage='url(hover.gif)';this.style.backgroundColor='#eee';" onmouseout="this.style.backgroundImage='url(normal.gif)';this.style.backgroundColor='#7ff';" style="background:url(normal.gif) #7ff;">
Avatar billede qualon1 Nybegynder
12. oktober 2004 - 19:51 #7
ja... men hvad skal der til for at ændre skriftfarven... min kode ser sådan ud:

<td width=100 class=uaktiv onmouseover="this.style.backgroundImage='url(img/fanebladon.jpg)';" onmouseout="this.style.backgroundImage='url(img/fanebladoff.jpg)';" style="background-image:url(img/fanebladoff.jpg);"><center><b>Kalender</td>
Avatar billede roenving Novice
13. oktober 2004 - 16:09 #8
<td width=100 class=uaktiv onmouseover="this.style.backgroundImage='url(img/fanebladon.jpg)';this.style.color='#fff';" onmouseout="this.style.backgroundImage='url(img/fanebladoff.jpg)';this.style.color='#000';" style="background-image:url(img/fanebladoff.jpg);"><center><b>Kalender</td>
Avatar billede qualon1 Nybegynder
09. juli 2005 - 11:06 #9
en eller anden skriv for point
Avatar billede roenving Novice
09. juli 2005 - 12:02 #10
Oki '-)
Avatar billede roenving Novice
09. juli 2005 - 12:34 #11
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester