マウスを乗せるとテキストの色が変わるホームページ制作京都

アクセスを増やす20の方法

マウスを乗せるとテキストの色が変わる

トップ > アラカルト > マウスを乗せるとテキストの色が変わる

説明

ダイナミックHTMLを応用して、テキストの上にマウスを乗せると色が変わるようにします。JavaScriptでスタイルシートを変更することにより、他にも、フォントサイズを変更したり、下線をつけたり、いろいろなことが可能です。Internet Explorer 4.0以降で利用可能です。

実例

このテキストの上にマウスを乗せてください。

ソースコード

<span style="font-size:24pt"
  onmouseover="window.event.srcElement.style.color = 'red'"
  onmouseout="window.event.srcElement.style.color = 'black'">
このテキストの上にマウスを乗せてください。</span>

動作確認

IE4.0/5.0(Win)、IE4.0(Mac)で動作確認しています。Netscape 4.0 や JustView 3.01 では色は変わりませんがエラーが出ないことを確認しています。