English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento HTML

Completo elenco dei tag HTML

Attributo onmouseover in HTML

L'attributo onmouseover viene utilizzato per ottenere o impostare la funzione di gestione degli eventi mouseover dell'elemento corrente

Proprietà degli eventi HTML

Esempio online

Esegui lo script quando il puntatore del mouse è sopra l'immagine:

<!DOCTYPE html>
<html>
<head>
<title>Utilizzo dell'attributo onmouseover in HTML (Manuale di base per oldtoolbag.com)</title>
</head>
<body>
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="pig.gif" alt="pig" width="32" height="32">
<p>Quando l'utente mantiene il mouse sopra l'immagine, viene attivata la funzione bigImg(). Questa funzione ingrandisce l'immagine.
Quando il puntatore del mouse esce dall'immagine, viene attivata la funzione normalImg(). Questa funzione imposta altezza e larghezza dell'immagine come normale.</p>
<script>
function bigImg(x) {
  x.style.height = "64px";
  x.style.width = "64px";
}
function normalImg(x) {
  x.style.height = "32px";
  x.style.width = "32px";
}
</script>
</body>
</html>
Prova a vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser principali supportano l'attributo evento onmouseover

Definizione e uso

L'attributo onmouseover viene attivato quando il puntatore del mouse si posiziona su un elemento.

Suggerimento: L'attributo onmouseover viene spesso utilizzato insieme aonmouseoutattributi insieme.

Attenzione: L'attributo onmouseover non può essere utilizzato per i seguenti elementi: <base>, <bdo>, <br>. <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, o <title>.

Differenze tra HTML 4.01 e HTML5

Nessuna.

Sintassi

<elemento onmouseover="script">

Valore dell'attributo

ValoreDescrizione
scriptRegola lo script da eseguire quando viene attivato l'evento onmouseover.
Proprietà degli eventi HTML