JavaScript 虫眼鏡効果の簡単な実装_JavaScript スキル

このエフェクトは難しいものではありません。重要なのは位置と比率を設定することです。

マウス位置のキャプチャ、マウス位置領域の決定、onmouseover イベント、onmousemove イベント、onmouseout イベント

大きい画像の表示比率を設定します。小さい画像上に表示されるカット画像の比率は正確である必要があります (できれば 2 倍または 4 倍)。

ここにある画像 m.jpg は 1440X900 です。

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

<メタhttp-equiv="Content- Type" content="text/html; charset=utf-8">