div定位 鼠标放在按钮上显示层提示

<div id="mydiv" name="mydiv" style="display:none"></div>
这是个层,可以在代码中出现在任何位置
<input type="text" id="mytext">
我现在要把div放在text的下面,也就是当div出现时,必须在text的正下方
---------------------------------------------------------------

<html><head><title>层与按钮对齐</title></head><body>
<div align=left><table border=1 width=600 height=50>
<tr align=center>
<td>
<input type=button value=ok οnmοuseοver="cc(this)"
οnmοuseοut="document.all.pop.style.display='none'">
</td><td>
<input type=button value=ok οnmοuseοver="cc(this)"
οnmοuseοut="document.all.pop.style.display='none'">
</td><td>
<input type=button value=ok οnmοuseοver="cc(this)"
οnmοuseοut="document.all.pop.style.display='none'">
</td></tr>
</table><div>

<div id=pop style="position:absolute;width:100;height:50;z-index:99;display:none">
<table border=0 bgcolor=#FF0000><tr><td>图层文字</td></tr></table></div>

<script language=javascript>
function cc(tt)
{
var daps = document.all.pop.style;
var ttop = tt.offsetTop; //TT控件的定位点高
var thei = tt.clientHeight; //TT控件本身的高
var tleft = tt.offsetLeft; //TT控件的定位点宽
var ttyp = tt.type; //TT控件的类型
while (tt = tt.offsetParent){ttop+=tt.offsetTop; tleft+=tt.offsetLeft;}
daps.top = (ttyp=="image")? ttop+thei : ttop+thei+6; //层的 Y 坐标
daps.left = tleft + 1; //层的 X 坐标
daps.display = ""; //层显示
}
</script>
</body></html>

转载于:https://www.cnblogs.com/cnkenny/archive/2010/01/30/1660056.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值