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

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

#### ■ 説明

ダイナミック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 では色は変わりませんがエラーが出ないことを確認しています。

Copyright (C) 1996-2001 杜甫々
http://www.tohoho-web.com/wwwxx028.htm