I trigger di evento "OnMouseOver" quando un utente posiziona il puntatore del mouse su un elemento di pagina Web. L'evento può essere attivata su qualsiasi elemento della pagina Web, ad esempio un'immagine, pulsante, tabella o anche la pagina stessa. È possibile modificare l'icona visualizzata all'utente quando il puntatore del mouse viene posizionato su questi elementi utilizzando inline Javascript nelle proprietà del controllo. "OnMouseOver" viene utilizzato con "OnMouseOut," che si innesca quando il mouse non passa sopra l'elemento. "OnMouseOut" viene utilizzato per restituire il puntatore del mouse l'icona originale.

Istruzioni

1

Aprire il file HTML utilizzando un editor di testo. Scorrere verso il basso l'elemento HTML che si desidera modificare. Può trattarsi di qualsiasi elemento della pagina. In questo esempio, viene utilizzato il tag "< img >", che è il tag per le immagini di pagina Web.

2

Aggiungere l'evento "OnMouseOver" all'elemento. Ogni elemento della pagina è programmato con gli eventi interni. Ciò significa che è sufficiente aggiungere il testo dell'evento alle proprietà del tag per notificare il browser che il codice viene eseguito. Il seguente è un esempio di aggiunta "OnMouseOver" nel tag di immagine:

< img OnMouseOver = "" evento che cambia il puntatore del mouse. Il seguente codice trasforma il puntatore del mouse in una mano quando l'utente passa sopra l'immagine:

< img OnMouseOver="this.style.cursor='pointer';" evento, il mouse rimane cambiato come l'utente si sposta la pagina. Il codice seguente restituisce il puntatore del mouse sul valore predefinito:

< img OnMouseOver="this.style.cursor='pointer';" OnMouseOut="this.style.cursor='default';" src="my_image.gif" >