マウスホイール制御画像ズーム効果を実装するjsメソッド_javascriptスキル

この記事の例では、マウス ホイール コントロールの画像ズーム効果を JS で実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>



<スクリプト言語="javascript">
関数 bbimg(o){
varzoom=parseInt(o.style.zoom, 10)||100;
ズーム =event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom '%';
false を返します;
}

マウスを画像の上に置いてクリックし、マウスホイールを回して試してみてください

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。