<!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">
<!--
body{color:#000000;font-size:12px;}
.red {color: #FF0000}
td{font-size:12px;}
-->
</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>