Se
http://www.eksperten.dk/spm/499263Såvidt jeg ved ikke, så det virker i alle browsere, uden man bruger noget javascript, men så kan det f.eks. gøres sådan:
<style type="text/css">
.menu{background:#007;padding:10px;}
.menu a{color:#BECFE4;text-decoration: none; font-weight:normal;}
.menu a:link{}
.menu a:visited{
.menu a:hover{text-decoration: underline;}
.menu a:active{text-decoration: underline;}
</style>
<script language="javascript" type="text/javascript">
function activeLink(lnk){
lnks = lnk.parentNode.getElementsByTagName("A");
for(i=0;lnks.length>i;i++){
lnks[i].style.textDecoration = (lnks[i]==lnk)?"underline":"";
}
}
</script>
<div class="menu">
<a href="java script:void(0)" onclick="activeLink(this)">Link1</a>
<br><a href="java script:void(0)" onclick="activeLink(this)">Link2</a>
<br><a href="java script:void(0)" onclick="activeLink(this)">Link3</a>
<br><a href="java script:void(0)" onclick="activeLink(this)">Link4</a>
<br><a href="java script:void(0)" onclick="activeLink(this)">Link5</a>
<br><a href="java script:void(0)" onclick="activeLink(this)">Link6</a>
<br>
</div>