webForumDet fria alternativet
Logga in / Bli medlem

Hovereffekt?

JavaScript

3 svar · 318 visningar · startad av David N

Medlem sedan nov. 200224 inlägg
Trådstart#1

Hej!

Jag använder några kolumner som meny på min sida (inte uppe på nätet ännu), jag har en hovereffekt på de här kolumnerna så att de ändrar bakgrundsfärg när man håller över dom, nu är det så att jag har vanlig text i dom också som länkar och jag har redan inställt så att hela kolumnen funkar som länk, det jag undrar över är hur jag gör så att texten i kolumnen får hovereffekt direkt man håller på kolumnen och inte bara när man håller på texten...

Hehe, lite svårförklarat, lät inte så bra ;)...

Hoppas nån förstår iaf.
Snygga smilies btw. :D

Medlem sedan dec. 2002789 inlägg
#2

onMouseOver="this.style.backgroundColor='red';this.style.color='#000000'"

this.style.backgroundColor='red' - bakgrunden till tabellen
this.style.color='#000000' - text färg.

Medlem sedan nov. 200224 inlägg
#3

tackar, ska testa det ;)

Medlem sedan nov. 200224 inlägg
#4

Detta funkade dock inte för mig, ingen ändring jämfört med tidigare... Såhär ser koden ut (jag använder PHP, därför ser koden lite annorlunda ut)...

    ."<td width=\"16%\" bgcolor=\"#77705B\" align=\"center\" style=\"cursor:hand\" onMouseOver=\"this.style.background='#9B967D';this.style.color='#333333'\" onMouseOut=\"this.style.background='#77705B';this.style.color='#000000'\" onClick=\"window.location.href='index.php'\"><a href=\"index.php\">Hem</a></td>\n"

Det där är ju redigerat efter det mönstret som du beskrev, men länkfärgen ändras inte... Skulle även vilja att den automatiskt tar bort underline också när man håller över kolumnen...

254 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
120 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)