マウスをのせた時、色が変わる様にするには？

ＫＭＲ 1998/04/27(月) 02:56:55
マウスをのせた時、色が変わる様にするには、どうしたら良いのでしょうか？
とほほのＷＥＢテクニックＮｏ．１で紹介されている内容を見ましたが、うまく行きません。
ｇｉｆファイルの所が理解出来ないのですが・・・。
マウスをのせた時、のせない時のｇｉｆファイルを２個用意するのでしょうか？
マウスをのせた時の色は自由に変えられるのでしょうか？
よろしくお願いします。

Omi 1998/04/27(月) 05:43:08
実験的には、以下で画像が変わります。
<A HREF="#"
onMouseOver="img1.src = 'xxx2.gif'"
onMouseOut= "img1.src = 'xxx3.gif'">
<IMG NAME="img1" SRC="xxx1.gif" BORDER=0></A>
iE4 と NN4 で確認しました。
NN4 では、最初の画像エリアに合わせて、後の画像の縦横比が変わります。
iE4 では、画像の大きさが異なり、相対的にマウスが Overしたり Outしたりすると、
マウスを少し動かす毎に、チラチラするので、WIDTH HEIGHT の項が必要です。

参考になれば幸いです。

Omi [E-Mail] 1998/04/27(月) 07:55:24
下記もiE4 では有効ですよ。 wwwdhijs.htm を参考にしました。
<SPAN STYLE="font-size:32px; color:'green'"
  onMouseOver="window.event.srcElement.style.color='red'"
  onMouseOut="window.event.srcElement.style.color='black'">
  このテキストの上にマウスを載せてください。
</SPAN>

とほほ 1998/04/28(火) 00:25:25
マウスを載せた時の色変更は、ＫＭＲさんのご想像通り、２枚のＧＩＦ
を用意します。「色を変更する」というよりは、「２枚の画像を切り替
える」というのが正しいですね。

ＫＭＲ 1998/04/28(火) 03:02:46
[[解決]]
やはり、画像は２枚だったんですね。自分で適当な画像を用意して、テストした所ＯＫでした。
みなさん、ありがとうございました。

[上に] [前に] [次に]