リンク説明文

-----------------------------------------------------------

バーに表示

リンク
  
<a href="ＵＲＬ" onMouseOver="status='表示させる文字'; return true" 
onMouseOut="status=''; return true">
文字
</a>  


-----------------------------------------------------------

触れると出現

リンク 

<a href="ＵＲＬ" title="言葉">リンク</a>


-----------------------------------------------------------


リンク

<style type="text/css">
<!--
.box {position:absolute;visibility:hidden;border:1 solid black;padding:3;background-color:#ffffff;overflow:hidden;}
A{
  font-size : 文字サイズpt;
  font-family : "文字の書体";
  text-decoration : none;
}
//-->
</STYLE>


<script language="JavaScript">
<!--

//
function pop(msg){
    box.style.visibility = "hidden";
    width = 0;
    height = 0; 
    message = msg;

    x = event.clientX+document.body.scrollLeft+15;
    y = event.clientY+document.body.scrollTop+15;
    //
    box.style.left = x;
    box.style.top = y;
    box.innerHTML = msg;
    box.style.visibility = "visible";
    zoom();
}

function zoom(){

    width += 20;
    height += 10;
    box.style.width = width;
    box.style.height = height;
    if(width>=150 && height>=30){
    }
    else{
        zoom_timer = setTimeout("zoom()",1);
    }
}

function nonPop(){
    box.style.visibility = "hidden";
}
// -->
</script><SPAN class="box" id="box"></SPAN>


<A href="リンク先のアドレス" onmouseover="pop('ここに表示させる文字')" onmouseout="nonPop()">文字</A>


-----------------------------------------------------------