Gå til innhold

Skifte bilde når muspekeren er over

efikkan

Anbefalte innlegg

efikkan

efikkan

Skrevet
Skrevet

Hei!

 

Jeg har lyst til å lage til en liten ekstra effekt på ei nettside der bildene i menyen skal skifte bilde etter hvert som musen blir holdt over, og skal skifte tilbake når musen flytter seg bort.

 

Vet noen om en veldig enkel måte å gjøre dette på?

 

Jeg skal bruke PNG-bilder.

 

Hilsen,

efikkan.

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
hockey500

hockey500

Skrevet
Skrevet (endret)

dette kan gjøres med html og css.

 

eksempel:

<html>
<head>
<style type="text/css">
a#link
{
  display:block;
  width:100px;
  height:25px;
  background:url('bilder/menybilde.png') 0 0 no-repeat;
  float:left;
}
a#link:hover
{
  background-position:0 -25px;
}
</style>
</head>
<body>
<a href="enlink.php" id="link"></a>
</body>
</html>

linken er da på 100x25px, lag et bakgrunnsbilde på 100x50px som inneholder begge bildene du skal ha. det nederste dukker opp ved hover

Endret av hockey500
Lenke til kommentar
efikkan

efikkan

Skrevet
  • Forfatter
Skrevet
dette kan gjøres med html og css.

 

eksempel:

<html>
<head>
<style type="text/css">
a#link
{
  display:block;
  width:100px;
  height:25px;
  background:url('bilder/menybilde.png') 0 0 no-repeat;
  float:left;
}
a#link:hover
{
  background-position:0 -25px;
}
</style>
</head>
<body>
<a href="enlink.php" id="link"></a>
</body>
</html>

linken er da på 100x25px, lag et bakgrunnsbilde på 100x50px som inneholder begge bildene du skal ha. det nederste dukker opp ved hover

6287609[/snapback]

Helt supert :thumbup: Fungére som bare det. Mange takk.
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...