工作要用到这个效果,在论坛上请别人帮忙,之后我把代码整理了一下,现在粘贴出来,与大家共享!
代码:
<input type="text" onfocus="getDivPosition(this)" onfocusout="setDivHidden()"/>
<br>dasf
<br>dasf
<br>dasf
<br>dasf
<br>dasf
d
asfda
<div id="addr" style="display:none;position:absolute;background:red;width:100px;height:50px;">xxxxx</div>
<script>
function setDivHidden()
{
var addr=document.getElementById("addr")
addr.style.display = "none";
}
function getDivPosition(o)
{
var point=new Object();
point.x=o.offsetLeft;
point.y=o.offsetTop+o.offsetHeight;
while(o=o.offsetParent)
{
point.x+=o.offsetLeft;
point.y+=o.offsetTop;
}
var addr=document.getElementById("addr")
addr.style.left=point.x+"px";
addr.style.top=point.y+"px";
addr.style.display = "block";
}
</script>
评论