JavaScript の基本 ～ マウスオーバー時に処理を実行する ～

～ マウスオーバー時に処理を実行する ～

マウスオーバー時に処理を実行するには「onmouseover」イベントを使用します。

例）onmouseover=" this.style.backgroundColor = 'lightgreen' "

サンプルソース

<div onmouseover=" this.style.backgroundColor = 'lightgreen' ">この行にマウスカーソルを乗せると背景色が変わります…</div>

実行結果

この行にマウスカーソルを乗せると背景色が変わります…

※このページの読み込みが完了してからお試しください。

END