div定位
来源:互联网 发布:照了ct才知怀孕怎么办 编辑:程序博客网 时间:2024/05/21 09:29
<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>
这是个层,可以在代码中出现在任何位置
<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>
- div定位
- div 定位
- DIV定位
- div+定位
- div定位
- div定位
- div相对定位和div绝对定位
- Div+Css控制div定位
- DIV+CSS----Div的定位
- div的定位
- div 定位 介绍
- 解读DIV+CSS定位
- CSS中DIV定位
- div定位文章
- div+定位与浮动
- js 实现div定位
- div固定定位
- CSS中DIV定位
- 序列化
- 处理拖动的时候,窗口出现重影和其他窗口残余控件的方法
- ubuntu tw source
- DP之Brackets Sequence
- 关于ASP.NET缓存技术学习入门---页面缓存(OutPut Caching)
- div定位
- [WinForm每日一帖] 如何验证Editor中输入的数据合法性
- E500的异常和中断分析(1)
- C#中的cookie编程
- 祝各位健康的度过每一天
- 墨西哥电信巨头埃卢成为世界新首富(图)
- jsp程序设计(三)-初试jsp程序设计(2)-Servlet简介
- 退信代码汇总
- 网络知识补足4