MouseOver-funksjon (js/css?)

Ole Petter Holthe Berg · 12 Jun 2009

Hei.

Driver med en side for øyeblikket, som jeg skal ha en liten MouseOver-funksjon til menyen på..

Se siden: LUGGUMT - Ekte opplevelser i Oppdal
Når man holder musa over den første "ringen" (er bare den som er aktiv atm.), så ønsker jeg at det skal poppe opp et bilde ovenfor den ringen.... Noen som har noen idè for å få til dette?

Har testet litt selv med css, men får det ikke til å fungere.
Prøvde å legge en <span> med bildet i, inne i a-elementet til den aktuelle linken, å kjøre display: hidden på den, og display: block; ved mouseover... Vel, fikk det ikke til å funke.

Noen med noen gode forslag?
Javascript er helt OK, da jeg skal kjøre javascript på siden ellers og. (Hvis du trykker på linken! ^^)

skogtrollet · 13 Jun 2009

Her er litt kode som vil hjelpe deg.( har ikke sett på siden din)

PHP:

<html>
<body>


<div id="lol"> hehe ja </div> <br><br>

<a href="#" onMouseover="go()">hooover here!!</a>

<script>

function go()
{
	k = document.getElementById('lol');
	k.innerHTML = "lol";
}


</script>

</body>
</html>

Pong · 13 Jun 2009

Bruker du css

hover altså) kan du kun få til sprette-effekter m.m. med animated gifs/png.
Hvis du ikke vil bruke animated bilder trenger du javascript onmouseover.
Sjekk f.eks. mootools - de har mange kule transitions.

MouseOver-funksjon (js/css?)

Ole Petter Holthe Berg

Spirrevipp

skogtrollet

Medlem

Pong

Jeg selger sʇɥƃıluʍop :)