この記事では、マウススクロールホイールを実装して画像スケーリング効果を制御する方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします。<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-language" content = "zh-cn" />
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
<title>マウスホイールスクロールで画像を呼び出します</title>
<スクリプト言語= "javascript">
関数bbimg（o）{
var zoom = parseint（o.style.zoom、10）|| 100;
zoom+= event.wheeldelta/12;
if（zoom> 0）o.style.zoom = zoom+'％';
falseを返します。
}
</script>
</head>
<body>
<p>マウスを写真に置いてクリックしてから、マウスホイールをスクロールして試してみてください</p>
<p> <img src = "/images/m01.jpg" onmousewheel = "return bbimg（this）"> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。