您的位置：首页 > 其它

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

2010-01-30 15:23 381 查看
<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 onmouseover="cc(this)"

onmouseout="document.all.pop.style.display='none'">

</td><td>

<input type=button value=ok onmouseover="cc(this)"

onmouseout="document.all.pop.style.display='none'">

</td><td>

<input type=button value=ok onmouseover="cc(this)"

onmouseout="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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航