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

[Richard71]

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

 

[JeroenE]

.class2 a:visited {text-decoration: none;}
.class2 a:active {text-decoration: none;}

Laat die twee er eens uit, en zie wat er gebeurt.

Greetz : Jeren.

 

[Richard71]

Bedankt voor je reactie,

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

Rchrd

 

[JeroenE]

Jammer. Het was maar een idee.

Greetz : Jeren.

 

[Egel]

Ik denk dat het komt omdat de link gefocused blijft na het klikken.

Met .blur() kan je dat oplossen:

<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