HTML consente di impostare un'immagine di sfondo di elemento della pagina o. CSS, tuttavia, offre una maggiore flessibilità, creazione di stili separati, ognuno la propria immagine di sfondo. I suoi elementi possono quindi applicare questi stili separati per cambiare l'immagine di sfondo dal default. Un modo per impostare questi stili di attivazione e inattiva è quello di avviare la pagina con una funzione in JavaScript.

istruzione

1 Inserire il codice seguente tra la testa e il corpo tag:

<Script language = "JavaScript">

Funzione changeBG (azione) {

se (azione == "mouseON") {

document.getElementById (objectID) .className = "mouseON";

}

altro {

document.getElementById (objectID) .className = "si allontana il mouse";

}

}

</ SCRIPT>

2 Aggiungere il seguente codice tra i tag di stile della pagina:

<Style>

.mouseON {

background-image: url (changedImage.jpg);

}

.mouseOFF {

}

</ Style>

3 Sostituire "changedImage.jpg" con l'URL della nuova immagine che si desidera visualizzare.

4 Inserire il testo seguente nel corpo della pagina:

<TABLE>

<Tr id = "firstElement">

<Td class = "over" OnMouseOver = "changeBG ( 'mouseON', 'firstElement')" onmouseout = "changeBG ( 'si allontana il mouse', 'firstElement')"> Content </ td>

</ Tr>

</ Table>

5 Sostituire "contenuti" con il testo che si desidera cambiare immagine di sfondo per.