Skifte bilde når muspekeren er over

efikkan · 11. juni 2006

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.

hockey500 · 11. juni 2006

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 11. juni 2006 av hockey500

efikkan · 11. juni 2006

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.

Logg inn

Skifte bilde når muspekeren er over

Anbefalte innlegg

efikkan

Videoannonse

hockey500

efikkan

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer