마우스 포인터가 html의 요소 위로 이동할 때 트리거되는 onmouseover 이벤트 속성
- 黄舟원래의
- 2017-11-06 11:34:558088검색
Example
마우스 포인터가 이미지 위로 이동할 때 JavaScript 섹션 실행:
<img src="/static/imghwm/default1.png" data-src="smiley.gif" class="lazy" onmouseover="bigImg(this)" alt="Smiley">
Browser support
IE
Firefox
Chrome
Safari
Opera
전공 views 모든 브라우저는 onmouseover 속성을 지원합니다.
정의 및 사용법
onmouseover 속성은 마우스 포인터가 요소 위로 이동할 때 트리거됩니다.
Note: onmouseover 속성은 다음 요소에 적용되지 않습니다:
, , ,
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 src="/static/imghwm/default1.png" data-src="/i/eg_smile.gif" class="lazy" onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" alt="Smiley" >
<p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p>
<p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p>
</body>
</html>위 내용은 마우스 포인터가 html의 요소 위로 이동할 때 트리거되는 onmouseover 이벤트 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.