マウスをリンクの上に移動させるとステータスバーにメッセージを表示する (ちょっとアレンジ版2) |
で、もうちょっと工夫してみます。 「マウスを画像の上に移動させると画像が変化する」 のテクニックも使ってみます。 使用例 ちなみに全部ここにジャンプします まず、HTMLの<HEAD>……</HEAD>の部分(最初の部分)に置きます。 <SCRIPT LANGUAGE="JavaScript"> <!---------------------- var ver4 = (navigator.appVersion.charAt(0) >= "4"); var NN4 = ver4 && (navigator.appName == "Netscape"); var IE4 = ver4 && (navigator.appName.charAt(0) == "M"); var NN3 = ((navigator.appVersion.charAt(0) == "3") && (navigator.appName == "Netscape")); function In(nam,num) { if(NN3 || NN4 || IE4) document.images[nam].src = menu[num].src; } function Out(nam,num) { if(NN3 || NN4 || IE4) document.images[nam].src = menu[num].src; } if(NN3 || NN4 || IE4){ var menu = new Array(); menu[0] = new Image(); menu[0].src = "image/a_on.gif"; menu[1] = new Image(); menu[1].src = "image/a_off.gif"; menu[2] = new Image(); menu[2].src = "image/b_on.gif"; menu[3] = new Image(); menu[3].src = "image/b_off.gif"; } //-----------------> </SCRIPT> そして、表示させたいところにはこれをおいてください。 <A HREF="Aをクリックしたときのリンク先のアドレス" OnMouseOver="In('A',0);status='ここに表示されるメッセージを書く';return true" OnMouseOut="Out('A',1)"> <img src="image/a_off.gif" name="A" BORDER="0"></A> <A HREF="Bをクリックしたときのリンク先のアドレス" OnMouseOver="In('B',2);status='ここに表示されるメッセージを書く';return true" OnMouseOut="Out('B',3)"> <img src="image/b_off.gif" name="B" BORDER="0"></A> それぞれについては、 「マウスを画像の上に移動させると画像が変化する」 「マウスをリンクの上に移動させるとステータスバーにメッセージを表示する」 をごらんになってください。 |