JavaScript & jQuery & CSS & HTML の達人

JavaScript と jQuery と CSS と HTML の使い方がわかるブログ

JavaScript の基本 ~ マウスオーバー時に処理を実行する ~『onmouseover』

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

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

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

サンプルソース

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

実行結果

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

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