リンクにマウスポインターを載せるとポインターの場所に説明文を流す
↓ポインターを載せてみてください。
| サンプル |
| <BODY> <SCRIPT language="JavaScript"> if (!document.layers&&!document.all) event="sample0" function la2(current,e,text){ if (document.all&&document.readyState=="complete"){ document.all.tip2.innerHTML='<marquee style="border:1px solid #ff3366">'+text+'</marquee>' document.all.tip2.style.pixelLeft=event.clientX+document.body.scrollLeft+5 document.all.tip2.style.pixelTop=event.clientY+document.body.scrollTop+5 document.all.tip2.style.visibility="visible" } else if (document.layers){ document.tip2.document.nstip.document.write('<b>'+text+'</b>') document.tip2.document.nstip.document.close() } } function tip2(){ if (document.all) document.all.tip2.style.visibility="hidden" else if (document.layers){ clearInterval(currentscroll) document.tip2.visibility="hidden" } } </script> <DIV id="tip2" style="position:absolute;visibility:hidden;clip:rect(0 200 50 0);width : 200px;background-color : #ffffff; top : 95px; left : 20px; z-index : 1; height : 18px; "> </DIV> <A onmouseover="la2(this,event,'ホームへ戻ります。')" onmouseout="tip2()" href="http://www.act2cool.com/html/" target="_blank">ホームへ</A><BR> <FONT face=Arial> <A onmouseover="la2(this,event,'ネットで次ぎは通信費をかせぎませんか?')" onmouseout="tip2()" href="相対パスでも可" target="_blank">通信費を稼ごうへ Abstraction</A><BR> </FONT><FONT face=Arial> <A onmouseover="la2(this,event,'大技・小技を案内しております。')" onmouseout="tip2()" href="http://www.act2cool.com/html/ugoki.htm" target="_parent">ちょっとした大技・小技へ</A><BR> </FONT></BODY> |
| solid #ff3366">'+text+'</marquee>'で囲みの色を指定出来ます。 200 50でサイズ変更 background-color : #ffffffで文字を流す背景色指定してください。 |
コピー・ペーストしてこちらですぐに実験できます。
サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります。