ここでは ポップアップウィンドウ の仕組みを勉強します。

マウスを 下線が引いてある文字の上 に 持って行ってみましょう。一番下にあったdiv 領域が移動します。

• span タグの部分に 下線 を引くようにスタイルを設定しています。
• span の領域に マウス が入るとイベントが発生します。
• イベントが発生すると マウスの位置 を 取得し div の領域を移動させます。

このようにイベントによって呼ばれる関数の中で 要素の表示位置や内容 、あるいは 要素自体の追加や削除 が可能です。

これを DOM (Document Object Model) と言います。

発生したイベントや座標位置などをこの下に表示します。

ここに表示