リンクにマウスポインターを当てると説明文を表示
| サンプル |
| <BODY > <SCRIPT language="JavaScript"> <!-- var on_text=new Array() var ns6=document.getElementById&&!document.all var ie=document.all on_text[0]="おなじみのyahoo!です。" on_text[1]="ホームページ改造王のトップです。" on_text[2]="懸賞生活応援団のトップです。" function s_text(show_text, show_div){ if (ie) eval("document.all."+show_div).innerHTML=on_text[show_text] else if (ns6) document.getElementById(show_div).innerHTML=on_text[show_text] } function out_text(show_div){ if (ie) eval("document.all."+show_div).innerHTML=' ' else if (ns6) document.getElementById(show_div).innerHTML=' ' } //--> </script> <p><A href="http://www.yahoo.co.jp/" onmouseover="s_text(0,'div1')" onmouseout="out_text('div1')">yahoo</A> <A href="http://www.act2cool.com/html/" onmouseover="s_text(1,'div1')" onmouseout="out_text('div1')"> <BR> ホームページ改造王</A> <A href="http://www.act2cool.com/kensyou/" onmouseover="s_text(2,'div1')" onmouseout="out_text('div1')">懸賞生活応援団</A> <br> <span id="div1"> </span> </BODY> |
| on_text[0]="おなじみのyahoo!です。" には説明文を入れてください。 『on_text[0]="』の0と『onmouseover="s_text(0,'div1')"』の0が一つの組み合わせです。 つまり0には0を1には1を記述しないと説明文が合いません。 『<span id="div1"> </span> 』は説明文を表示したい場所に記述してください。 以前の文字に触るとステ−タスバ−に文字を出して説明するとは違います。 |
サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります