jQueryを使用して画像拡大鏡を実装する

として与えます (2) この div の幅と高さを設定します特定の値に固定する;

(3) 余分な部分を非表示にするdivのCSSを設定する;

(4) ネストされたサブ要素imgの幅と高さを設定する特定の値に固定する div 内;

(5) 数学関数を通じて計算し、虫眼鏡に表示されるように、div の x 軸と y 軸のスクロール バーを移動します。大きな画像上でマウスが置かれている領域。

2. jQuery セレクターの分類

3. 一般的な jQuery イベント

(1) さまざまな訪問者に対するページの応答イベントと呼ばれます。イベント ハンドラーは、HTML で特定のイベントが発生したときに呼び出されるメソッドです。一般的なイベントには、要素上でマウスを移動する、ラジオ ボタンを選択する、要素をクリックするなどがあります...

(2) イベントでは「トリガー」(または「起動」) という用語がよく使用されます。例: 「キーを押すと、キーが押されたときに keypress イベントがトリガーされます。」

4. マウスの位置を取得します。

5. jQuery での一般的な DOM 操作: 要素の検索、要素の走査、要素の作成、要素の挿入、要素の削除、要素の置換、要素のコピー、属性操作、スタイル操作、 HTML 操作。 &oq=要素の検索、要素の走査、要素の作成、要素の挿入、要素の削除、要素の置換、要素のコピー、属性操作、スタイル操作、HTML 操作。

4. コードの実装

1. ページ レイアウトの DIV の下に 3 つの DIV タグを追加します;