|
|
|
|
項目上にカーソルを当てて見て下さい。
クリックすると同じ場所へリンクします。
<SCRIPT language="JavaScript">
<!--
//レイヤーの表示
function show(e,helpmsg){
if(document.layers){
x = e.layerX;
y = e.layerY;
document.layers[0].document.open();
document.layers[0].document.write(helpmsg);
document.layers[0].document.close();
document.layers[0].moveTo(x + 10, y + 20);
document.layers[0].visibility = "SHOW";
}
else if(document.all){
x = event.clientX;
y = event.clientY;
document.all("lay").innerHTML = helpmsg;
document.all["lay"].style.pixelLeft = x+10;
document.all["lay"].style.pixelTop = y+20;
document.all["lay"].style.visibility = "visible";
}
}
//レイヤーの非表示
function hide(){
if(document.layers){
document.layers[0].visibility = "HIDE";
}
else if(document.all){
document.all["lay"].style.visibility = "hidden";
}
}
//タグの書き込み
if(document.layers){
document.write('<LAYER visibility="hide" bgcolor="#ffffcc"></LAYER>');
}else if(document.all){
document.write('<DIV id="lay" style="position:absolute;background-color:#ffffcc"></DIV>');
}
hide();
//-->
</SCRIPT>
<A href="リンク先./url.html" onMouseOver="show(event,'表示させるメッセージを書く')" onMouseOut="hide()">リンク先へGO！</A>
<BODY>から</BODY>タグの中に書いて下さい。NNとIEでは、DynamicHTML関連のスクリプトに互換性がないので、別々のコードが書かれています。
どちらか判断するのには、レイヤー関連オブジェクトである document.layers, document.allが存在するかどうかを調べています。
どちらのブラウザでも動きますし、DynamicHTMLに対応していないブラウザでもエラーは出ませんのでお試しください。
[★高収入が可能！ＷＥＢデザインのプロになってみない？！
自宅で仕事がしたい人必見！
]
[ CGIレンタルサービス | 100MBの無料HPスペース | 検索エンジン登録代行サービス ]
[ 初心者でも安心なレンタルサーバー。５０MBで２５０円から。CGI・SSI・PHPが使えます。
]
| FC2 |  キャッシング  花 |
 出会い 無料アクセス解析 |
|