JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTML の使い方を解説しているブログ

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

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

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

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

サンプルソース

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

実行結果

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

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