连接弹出层

来源：互联网发布：网络黑客面具的来源史编辑：程序博客网时间：2024/06/06 17:28

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>鼠标经过显示隐藏层</title>
<style type="text/css">

</style>
<script>
//显示
function show(o,obj){
var m=document.getElementById(obj);
m.style.pixelLeft=getL(o);
m.style.pixelTop=getT(o)+o.offsetHeight;
m.style.visibility='';
}
//隐藏
function hide(obj){
document.getElementById(obj).style.visibility='hidden';
}
//取得左边的位移
function getL(e){
var l=e.offsetLeft;
while(e=e.offsetParent){
    l+=e.offsetLeft;
}
return l;
}
//取得顶部的位移
function getT(e){
var t=e.offsetTop;
while(e=e.offsetParent){
    t+=e.offsetTop;
}
return t;
}
</script>
</head>
<body>
<table width="480" border="0" align="center" cellpadding="0" cellspacing="0" id="table1">
<form name="order" method="post" action="" target="_blank">
<tr>
<td style="padding-top: 4px; padding-bottom: 4px"><a id="i" onMouseOver="show(this,'m')" onMouseOut="hide('m')">鼠标经过

显示隐藏层www.haohaoxx8.com>
</tr>
</form>
</table>
<div id="m" style="border:6px solid #808080; padding:0px; Z-INDEX:0;VISIBILITY:hidden;WIDTH:200px;POSITION:absolute"

onMouseOver="show(i,'m')" onMouseOut="hide('m')">
<table border="0" width="300" id="table12" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td width="70" style="border-bottom:1px solid #C0C0C0; line-height: 150%; padding: 4px" align="center" bgcolor="#E3E3E3">
<img height="20" src="bank_gs.gif" width="20"><br>
工商银行</td>
<td style="border-bottom:1px solid #C0C0C0; line-height: 150%; padding: 4px" bgcolor="#E3E3E3">开户行：中国工商银行北京市

分行<br>
        卡　号：6222 0202 0002 5952 249<br>
        户　名：欧小权</td>
</tr>
<tr>
<td width="70" style="border-bottom:1px solid #C0C0C0; line-height: 150%; padding: 4px" align="center">
        <img height="20" src="bank_nh.gif" width="20"><br>
        农业银行</td>
<td style="border-bottom:1px solid #C0C0C0; line-height: 150%; padding: 4px">开户行：中国农业银行北京市分行<br>
        卡　号：6228 4800 1046 8205 611<br>
        户　名：欧小权</td>
</tr>
<tr>
<td width="70" style="line-height: 150%; padding: 4px" align="center" bgcolor="#E3E3E3">
        <img height="20" src="bank_js.gif" width="20"><br>
        建设银行</td>
<td style="line-height: 150%; padding: 4px" bgcolor="#E3E3E3">开户行：中国建设银行北京市分行<br>
        卡　号：6227 0000 1284 0129 678<br>
        户　名：欧小权</td>
</tr>
</table>
</div>
</body>
</html>