Focus på :hover i 1 sek

[ThomasQ]

Hei, på menyen min så har jeg et :hover bilde på linkene.

 

Men når jeg trykker på en link så forsvinner :hover bildet med engang, er det en måte å få :hover bildet til å stå der til neste side er lastet?

 

 

 

Eksempel:

http://demo.yootheme.com/nov08/index.php?o...6&Itemid=55

 

Trykk på home , features eller noen av de topplinkene.

Så ser du :hover bildet ikke forsvinner med engang etter man har trykket.

Endret 22. november 2008 av ThomasQ

[cbastus]

Menyene på siden du gir som eksempel er ikke gjort med CSS:hover, men ved å flytte det siste elementet i listen menyen er laget av til posisjonen under den aktive lenken. Når siden lastes på ny er den aktive lenken alt merket som aktiv.

 

Men for å løse det du spurte om:

/*CSS*/
a {background-image: url(foo.jpg);}
a:hover {backgrund-position: -100px;}
a.clicked {background-position: -100px}

 

<!-- HTML -->
<a onclick="this.classname='clicked'"href="#foo-anchor">Clicky</a>

 

Du bør forøvrig lage en funksjon som bytter klassene slik at du kan ha flere anchor på din side. Anchoren over er en henvisning til et annet sted på siden, ikke en lenke til en annen side.