이 기사에서는 이미지 스케일링 효과를 제어하기 위해 마우스 스크롤 휠을 구현하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
코드를 다음과 같이 복사하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-language"content = "zh-cn" />
<meta http-equiv = "content-type"content = "text/html; charset = gb2312">
<title> 마우스 휠 스크롤을 사용하여 이미지를 호출 </title>
<script language = "javaScript">
함수 bbimg (o) {
var Zoom = parseint (O.style.zoom, 10) || 100;
Zoom+= event.wheeldelta/12;
if (Zoom> 0) O.style.zoom = Zoom+'%';
거짓을 반환합니다.
}
</스크립트>
</head>
<body>
<p> 마우스를 그림 위에 놓고 클릭 한 다음 마우스 휠을 스크롤하여 시도해보십시오 </p>
<p> <img src = "/images/m01.jpg"onmousewheel = "return bbimg (this)"> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.