<script type="text/javascript"><!--
b_color="red";           //枠の色
g_color="pink";          //背景の色
f_size="10";             //文字サイズ
f_color="red";           //文字色
set_x=50;                //オフセットX
set_y=-30;               //オフセットY
//--------------------------------------
document.write("<div ID='tiptext'STYLE='position:absolute;z-index:2;border:1px solid;padding:5px;");
document.write("border-color:"+b_color+";font-size:"+f_size+"pt;background-color:"+g_color+";");
document.write("color:"+f_color+";");
document.write("display:none'></div>");
function opentext(settxt){
divid="tiptext";
if(document.all){
     d_div=document.all(divid);
     rx = event.clientX + document.body.scrollLeft +set_x;
     ry = event.clientY + document.body.scrollTop +set_y;
}else{
     d_div=document.getElementById(divid);
     rx = NNX  + set_x;
     ry = NNY + set_y;
}
if(settxt){
     d_div.style.display="block";
     d_div.style.left = rx +"px";
     d_div.style.top = ry +"px";
     d_div.innerHTML = settxt; 
}else{
     d_div.style.display="none"; 
     d_div.innerHTML = ""; }
}
function MouseXY(NNevent){
	NNX = NNevent.pageX;
	NNY = NNevent.pageY;
}
window.onmousemove = MouseXY;/* himajin.moo.jp */
// --></script>

<a href="../index.html" onMouseover="opentext('説明内容<br>ここに説明を入れます<br>で改行します')" onMouseout="opentext('')">ポップアップで文字に説明</a>
<br>
<span onMouseover="opentext('同じページ内であれば<br>いくつでも説明を<br>付けることが<br>できますよ！')" onMouseout="opentext('')">ポップアップで文字に説明</span>