学步园

 <script language="JavaScript">
function seashowtip(ctr,tips,flag,iwidth){
var pos = GetObjPos(ctr);
var my_tips=document.all.mytips;
if(flag){
    my_tips.innerHTML=tips;
    my_tips.style.display="";
    my_tips.style.width=iwidth;
    my_tips.style.left=pos.x;
    my_tips.style.top=pos.y+20;
   }
else
  {
   my_tips.style.display="none";
   }
}
function CPos(x, y)
{
    this.x = x;
    this.y = y;
}

function GetObjPos(ATarget)
{
    var target = ATarget;
    var pos = new CPos(target.offsetLeft, target.offsetTop);
   
    var target = target.offsetParent;
    while (target)
    {
        pos.x += target.offsetLeft;
        pos.y += target.offsetTop;
       
        target = target.offsetParent
    }
   
    return pos;
}
</script>

 

页面先加入一个隐藏div

<div id=mytips style="position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div>

 

文本框调用：onblur=seashowtip(this,this.tips,1,150)；