Hvordan lage bilder med onmouseover
Når du setter inn en onmouseover Javascript-kode på nettsiden din, er du i stand til å skape et annet bilde på toppen av bildet som allerede vises på siden. Dette kan være nyttig hvis du utformer en webside, og du vil at brukerne skal se forskjellene mellom to bilder. Når brukeren beveger seg over bildet, vises det nye bildet, men når brukeren beveger seg utenfor bildet, vises det opprinnelige bildet.
Bruksanvisning
1 Logg inn på webserveren din, og dobbeltklikk for å åpne HTML-siden der er du den onmouseover kode inkludert.
2 Bla ned til <body> -delen av siden og klikk på stedet der du ønsker å skape et bilde oppå et annet bilde.
3 Sett inn denne koden:
<Img name = "mouse" onmouseover = "document.images [ 'mouse'] .src = 'http: //www.website.com/image.jpg'"
onmouseout = "document.images [ 'mousetest'] .src = 'http: //www.website.com/newimage.jpg'" width = "234" height = "91" />
4 Erstatt "http://www.website.com/image.jpg" med nettadressen til bildet du vil ha med på siden.
5 Erstatt alle tre tilfeller av "http://www.website.com/newimage.jpg" med bildet du ønsker å opprette skal vises når du holder musepekeren over bildet.
6 Publiser siden.