마우스 포인터가 html의 요소 위로 이동할 때 트리거되는 onmouseover 이벤트 속성
- 黄舟원래의
- 2017-11-06 11:34:557971검색
Example
마우스 포인터가 이미지 위로 이동할 때 JavaScript 섹션 실행:
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Browser support
IE
Firefox
Chrome
Safari
Opera
전공 views 모든 브라우저는 onmouseover 속성을 지원합니다.
정의 및 사용법
onmouseover 속성은 마우스 포인터가 요소 위로 이동할 때 트리거됩니다.
Note: onmouseover 속성은 다음 요소에 적용되지 않습니다: dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c,
HTML 4.01과 HTML5의 차이점
없음.
Syntax
<element onmouseover="script">
Property Value
| Value | Description |
| script | onmouseover가 발생할 때 실행할 스크립트입니다. |
예
마우스 포인터가 이미지 위로 이동할 때 JavaScript 조각을 실행합니다(이미지 확대):
<!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>위 내용은 마우스 포인터가 html의 요소 위로 이동할 때 트리거되는 onmouseover 이벤트 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.