OUJOOD.COM
Définition et utilisation événement onmouseover
LES BALISES HTMLL'attribut onmouseover se déclenche lorsque le pointeur de la souris se déplace sur un élément.
Remarque : L'attribut d’événement onmouseover ne peut pas être utilisé avec les éléments : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, ou <title>.
Syntaxe
<element onmouseover="script">>
Valeurs d'attribut
Valeur |
Description |
|---|---|
|
script |
Le script à exécuter sur onmouseover |
Exemple Exécuter un JavaScript lorsque vous déplacez le pointeur de la souris sur une image :
Exemple : 📋 Copier le code
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML demo</title>
<script>
function smallImage(x)
{
x.style.height="64px";
x.style.width="64px";
}
function normalImage(x)
{
x.style.height="120px";
x.style.width="120px";
}
</script>
</head>
<body>
<img onmouseover="smallImage(this)" onmouseout="normalImage(this)" border="0"
src="https://www.oujood.com/images/apprendre.png" alt="Smiley" width="120"
height="120">
<p>La fonction mallImage () est déclenchée lorsque l'utilisateur déplacé le
pointeur de la souris sur l'image. Cette fonction permet de réduir la taille de
l'image. </ P>
<p> La fonction normalImage() est déclenchée lorsque le pointeur de la souris
est déplacé hors de l'image. Cette fonction redéfinit la hauteur et la largeur de
l'image à la normale. </ P>
</body>
Appui de navigateur
L'attribut d'événement onmouseover est pris en charge dans tous les principaux navigateurs.
Différences entre HTML 4.01 et HTML5
Aucune.
Par carabde 10 mars 2014