この記事の例では、マウス ホイール コントロールの画像ズーム効果を JS で実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。
<頭>
マウス ホイールを使用してスクロールし、画像のズームインとズームアウトを制御します
<スクリプト言語="javascript">
関数 bbimg(o){
varzoom=parseInt(o.style.zoom, 10)||100;
ズーム =event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom '%';
false を返します;
}
マウスを画像の上に置いてクリックし、マウスホイールを回して試してみてください
