hoover effect behouden (ook na op de link geklikt te hebben)

Status
Niet open voor verdere reacties.

Richard71

Nieuwe gebruiker
Lid geworden
6 mrt 2006
Berichten
4
Hallo allemaal,

Mijn vraag is:
Hoe behoudt ik het hoover effect, ook nadat ik op de link geklikt heb??
Situatie nu is als ik op de link geklikt heb en ik ga weer op de link staan er nu niks gebeurd net zolang totdat ik eerst weer op een andere link geklikt heb.


.class2 a:link {color: #000000;text-decoration: none;}
.class2 a:visited {text-decoration: none;}
.class2 a:hover {text-decoration: underline;color: black;}
.class2 a:active {text-decoration: none;}

b.vb. dank

Richard
 
Richard71 zei:
.class2 a:visited {text-decoration: none;}
.class2 a:active {text-decoration: none;}
Laat die twee er eens uit, en zie wat er gebeurt.

Greetz : Jer:cool:en.
 
Bedankt voor je reactie,

Jouw oplossing werkt ook niet, want de underline wordt nu continu weergegeven.

Rchrd
 
Jammer. Het was maar een idee.

Greetz : Jer:cool:en.
 
Ik denk dat het komt omdat de link gefocused blijft na het klikken.

Met .blur() kan je dat oplossen:
HTML:
<style>
 .class2 a:link {color: #000; text-decoration: none;}
 .class2 a:visited {color: #000; text-decoration: none;}
 .class2 a:hover {color: #000; text-decoration: underline;}
 .class2 a:active {color: #f00; text-decoration: none;}
</style>

<div class="class2">
 <a href="javascript:void(1)" onclick="this.blur(); return true">link 1</a> *<br>
 <a href="javascript:void(2)">link 2</a><br>
 <a href="javascript:void(3)" onclick="this.blur(); return true">link 3</a> *<br>
 <a href="javascript:void(4)">link 4</a><br>
</div>
(bijlage) Link 1 & 3 blurren na het klikken.


Vr.Gr. Egel
 

Bijlagen

Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan