efikkan Skrevet 11. juni 2006 Rapporter Del Skrevet 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. Lenke til kommentar
hockey500 Skrevet 11. juni 2006 Rapporter Del Skrevet 11. juni 2006 (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 11. juni 2006 av hockey500 Lenke til kommentar
efikkan Skrevet 11. juni 2006 Forfatter Rapporter Del Skrevet 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 Fungére som bare det. Mange takk. Lenke til kommentar
Anbefalte innlegg
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 kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå