Maison > Article > interface Web > L'attribut d'événement onmouseover qui est déclenché lorsque le pointeur de la souris se déplace sur un élément en HTML
L'attribut d'événement onmouseover qui est déclenché lorsque le pointeur de la souris se déplace sur un élément en HTML
- 黄舟original
- 2017-11-06 11:34:557935parcourir
Instance
Exécuter un morceau de JavaScript lorsque le pointeur de la souris se déplace sur l'image :
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Prise en charge du navigateur
IE
Firefox
Chrome
Safari
Opéra
Tous Tous les principaux navigateurs prennent en charge l'attribut onmouseover.
Définition et utilisation
L'attribut onmouseover est déclenché lorsque le pointeur de la souris se déplace sur un élément.
Remarque : L'attribut onmouseover ne s'applique pas aux éléments suivants : dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c , e8e496c15ba93d81f6ea4fe5f55a2244, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89
Différences entre HTML 4.01 et HTML5
Aucune.
Syntaxe
<element onmouseover="script">
Valeur d'attribut
| 值 | 描述 |
| script | onmouseover 发生时运行的脚本。 |
Exemple
Exécuter un morceau de JavaScript lorsque le pointeur de la souris se déplace sur l'image (faire en sorte que le image zoomée) :
<!DOCTYPE html>
<html>
<head>
<script>
function bigImg(x)
{
x.style.height="180px";
x.style.width="180px";
}
function normalImg(x)
{
x.style.height="128px";
x.style.width="128px";
}
</script>
</head>
<body>
<img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="/i/eg_smile.gif" alt="Smiley" >
<p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p>
<p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!