マウスポインタを置くと背景色が変わる

今回は３１回目です。
リンクしている部分の色が変わります。

マウスポインタを置くと背景色が変わる

今回の効果は、リンクしている文字の部分にマウスポインタを置くと、文字の背景の色が変わるというものです。
ＩＥでは、リンクした部分の文字の上にマウスポインタを置くと、「文字の色」が変わるという効果が可能です。でも、この効果はＮＮでは使えませんでした。
今回の効果はＮＮでも使えます。

今月も少しだけこの実験にお付き合い下さい。

	ポイント	背景の色を変えるのに、ＩＥとＮＮでは書き方がちょっと違います。と言って、別にＨＴＭＬファイルを２つ用意する必要はありません。ＩＥ用とＮＮ用と書き方の違うものを１行ずつ書けばいいだけです。 if (document.layers) document.layers[tagName].bgColor = textBGcolor; は、ＮＮ用の記述、 if (document.all) document.all(tagName).style.backgroundColor = textBGcolor; は、ＩＥ用の記述です。 onMouseover="setBGColor('text1','#ffaaaf')"で、マウスポインタを置いた時の色を指定します。ここの#ffaaafを変えれば、マウスポインタを置いた時の色を自分の好きな色にできます。
	効果	position:absolute;top:50;left:50;で指定した位置にリンクをはった文字が置かれ、width:380;height:18;で色を変えたい部分が「レイヤー」として作られ、マウスポインタを置くとclip:rect(-5,380,18,-5);で指定した範囲に色が付きます。
	使い方	実際の実験画面のソースをご覧下さい。

今回の実験でわかったこと

この効果は、Ｎｅｔｓｃａｐｅ４．０、Ｅｘｐｌｏｒｅｒの４．０からできます。

clip:rect(-5,380,18,-5);で色をつける部分を指定する場合、幅を広くする（例えば最初の-5を-50にする）と、ＮＮでは色のついた部分の縦の幅が広がりますが、ＩＥだと広がりません。
逆に縦の幅を狭くする（例えば最初の-5を10にする）と、ＮＮもＩＥも両方縦の幅が狭くなります。

ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)