<html>
<頭>
<スクリプト言語="javascript">
vartipTimer;
functionlocateObject(n, d) { //v3.0
var p,i,x; if(!d) d=ドキュメント; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];for(i=0;!x&&d.layers&&i<d.layers.length;i++) x= locateObject(n,d.layers[i].document); x を返します。
}
関数 HideTooltip(オブジェクト)
{
if (document.all)
{
locateObject(オブジェクト).style.visibility="hidden"
locateObject(オブジェクト).style.left = 1;
locateObject(オブジェクト).style.top = 1;
falseを返す
}
else if (document.layers)
{
locateObject(オブジェクト).visibility="非表示"
locateObject(オブジェクト).left = 1;
locateObject(オブジェクト).top = 1;
falseを返す
}
それ以外
trueを返す
}
function showTooltip(object,e,tipContent,backcolor,bordercolor,textcolor,displaytime)
{
window.clearTimeout(tipTimer)
if (document.all)
{
locateObject(object).style.top=document.body.scrollTop+event.clientY+20
locateObject(object).innerHTML='<table style="font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; border: '+bordercolor+'; border-style: Solid; border-上部の幅: 1 ピクセル; 境界の下部の幅: 1 ピクセル; 背景の色: '+backcolor+'" width="10" のセル間隔="1" cellpadding="1"><tr><td nowrap><font style="font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: '+textcolor+' ">'+unescape(tipContent)+'</font></td></tr></table> '
if ((ex +locateObject(object).clientWidth) > (document.body.clientWidth + document.body.scrollLeft))
{
locateObject(object).style.left = (document.body.clientWidth + document.body.scrollLeft) -locateObject(object).clientWidth-10;
}
それ以外
{
locateObject(object).style.left=document.body.scrollLeft+event.clientX
}
locateObject(オブジェクト).style.visibility="visible"
tipTimer=window.setTimeout("hideTooltip('"+object+"')", displaytime);
true を返します。
}
else if (document.layers)
{
locateObject(object).document.write('<table width="10" border="0" cellpacing="1" cellpadding="1"><tr bgcolor="'+bordercolor+'"><td><テーブル幅="10" border="0" cellpacing="0" cellpadding="2"><tr bgcolor="'+backcolor+'"><td nowrap><font style="font-family: Verdana、Tahoma、Arial、 Helvetica、サンセリフ; フォントサイズ: 11px; カラー: '+textcolor+'">'+unescape(tipContent)+'</font></td></tr></table></td></ tr></table>')
locateObject(オブジェクト).document.close()
locateObject(オブジェクト).top=e.y+20
if ((ex +locateObject(object).clip.width) > (window.pageXOffset + window.innerWidth))
{
locateObject(object).left = window.innerWidth -locateObject(object).clip.width-10;
}
それ以外
{
locateObject(オブジェクト).left=ex;
}
locateObject(オブジェクト).visibility="表示"
tipTimer=window.setTimeout("hideTooltip('"+object+"')", displaytime);
true を返します。
}
それ以外
{
true を返します。
}
}
</script>
</head>
<本文>
<div id="dHTMLToolTip" style="位置: 絶対; 可視性: 非表示; 幅: 10; 高さ: 10; z-index: 1000; 左: 0; 上: 0"></div>
<span onMouseOver="showTooltip('dHTMLToolTip',event, '文字提示情報部分<br><img src=http://feeds2.feedburner.com/~fc/dlstu?bg=99CCFF&fg=2C689B&anim=0><br> >大家好啊。。', '#fffff2','#000000','#000000','20000')" onMouseOut="hideTooltip('dHTMLToolTip')">KeKe のブログ</span>
</body>
<html>