Avatar billede badal Nybegynder
24. juni 2005 - 09:59 Der er 3 kommentarer og
1 løsning

Image Mouse Over

Jeg har lavet en menu hvor jeg ved hjælp af css skifter baggrundsfarve på et link menupunkt ved mouseover og fjerner det igen ved mouse out. Men jeg kan ikke får den til at blive ved med at være markeret når der er blevet klikket på menupunktet. Skal det laves med javascript(onlick) eller css??
Avatar billede olebole Juniormester
24. juni 2005 - 10:05 #1
<ole>

Når du klikker på et link, skifter du jo til en ny side  :)

Det første kan du klare noget à la:

<style type="text/css">
a, a:visited {
    color: red;
    background-color: yellow;
    text-decoration: none;
}
a:hover {
    color: yellow;
    background-color: red;
    text-decoration: undeline;
}
</style>

<a href="bla.html">Link</a>

/mvh
</bole>
Avatar billede badal Nybegynder
24. juni 2005 - 10:18 #2
hmmm ved at benytte ovenståede kode er det ikke sådan at hvis man har besøgt et menupunkt at den vil have den markerede farve?? For nu er alle de links som jeg klikker på markeret.

Det som jeg egentlig vil er at den kun skal være markeret når man har klikket på et menupunkt og er på den side. Hvis man klikker på menupunkt2 så er det den der skal være markeret.
Avatar billede psykochicken Nybegynder
24. juni 2005 - 16:46 #3
Hvis jeg forstår dig ret skal brugeren kunne se hvor han kommer fra, når han kommer tilbage til "menu-siden". Hvis linkene vises i et nyt vindue kan du måske lave noget..ala (utestet)

<html>
<head>
<style type="text/css">
a:hover {
background:#e0e0e0;
text-decoration:none;
}
</style>

<script type="text/javascript">
function tada() {
for (nr=1;nr<4;nr++) {      
document.getElementById('menu'+nr).style.color="black";
}
}
</script>
<base target="_blank">
</head>
<body onload="tada()">
<a id="menu1" href="http://dr.dk" onclick="tada();this.style.color='red';">Link1</a><br>
<a id="menu2" href="http://tv2.dk" onclick="tada();this.style.color='red';">Link2</a><br>
<a id="menu3" href="http://dmi.dk" onclick="tada();this.style.color='red';">Link3</a><br>
</body>
</html>
Avatar billede badal Nybegynder
16. februar 2010 - 14:00 #4
lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester