Come modificare immagini menu al passaggio del mouse in JavaScript

metodo getElementById di () di JavaScript consente ai programmatori di controllare e modificare l'impianto idraulico interno di una pagina web. Questo metodo ha accesso all'interfaccia di programmazione dell'applicazione di una pagina web chiamato il Document Object Model o DOM . Con getElementById ( ) , il programmatore può modificare la maggior parte HTML ( HyperText Markup Language ) informazioni styling tag - tra cui le immagini di sfondo . L' evento JavaScript funzioni onMouseOver ( ) e onmouseout ( ) rispondono al movimento del mouse su elementi HTML innescando l'esecuzione di istruzioni JavaScript . I tag HTML devono essere etichettati con un ID univoco in modo che il metodo getElementById ( ) può trovare e modificarli . Cose che ti serviranno
editor di testo
due immagini di sfondo dello stesso formato , GIF, PNG o JPG
Show More Istruzioni
1

Avviare l'editor di testo che è venuto con il computer .
2

Inserisci il seguente codice nell'editor di testo . Sostituire i nomi immagine " image1.jpg " e " image2.jpg " con i nomi e il formato dei vostri file di immagine di sfondo . Regolare le dimensioni dell'immagine nella " mydiv " Cascading Style Sheet pure.

< Tipo style = "text /css "> < -

mydiv {

background- image! . : type = "text /javascript" >

funzione changeImage ( linknumber ) per

{

var changeimageback ( linknumber ) per

{

var id = " mydiv1 " class = onMouseOver " mydiv " = " changeImage ( '1 '); " onmouseout = " changeimageback ( '1' ) " > Link 1 < /a> < /div >