Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come fare un immagine di JavaScript rollover

Un'immagine rollover JavaScript è un interessante gruppo di codice HTML e JavaScript ; quando un sito web punti utente in una foto, un'altra immagine prende il suo posto . Quando l' utente sposta il mouse fuori dalla foto, l'immagine originale è di nuovo in vista . Dopo aver trovato due immagini che si desidera utilizzare , seguire queste istruzioni per fare un rollover immagine di tua scelta. Istruzioni
1

Aprire Blocco note o il vostro programma di authoring HTML preferito . Contrassegnare il documento con il tag di apertura di base come segue .
4

Scrivi il codice di raccontare l'immagine come comportarsi quando il cursore del mouse passa sopra l'immagine o lontano dal quadro , come segue . " SamplePage.html " può essere sostituito con qualsiasi collegamento della vostra scelta . Si noti che " pictureTwo.src " e " pictureOne.src " corrispondono i nomi degli oggetti che ha istituito above.onMouseOver = " document.sample.src = pictureTwo.src ; " onmouseout = " document.sample.src = pictureOne.src ; " >
5

Dillo documento che immagine da visualizzare quando la pagina viene caricata . Avviso nominando il contenitore immagine "campione ", si utilizza lo stesso nome di oggetto come il gruppo precedente di codice ( document.sample.src ) . Name = "campione " >
6

Fine codifica tua documento chiudendo le restanti tag HTML .

 

Programmazione © www.354353.com