参考!可以自行改进!你的需求有点矛盾<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script type="text/javascript">
function locking() {
document.all.ly.style.display = "block";
document.all.ly.style.width = document.body.clientWidth;
document.all.ly.style.height = document.body.clientHeight;
document.all.Layer2.style.display = 'block';
}
function Lock_CheckForm() { document.all.ly.style.display = 'none';
document.all.Layer2.style.display = 'none';
}
</script>
<BODY> <a id="lj" href="#" onmouseover="locking()" >移上来出现层</a>
<div id="ly" style="position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #FFFFFF;z-index: 2; left: 0px; display: none;"></div>
<div id="Layer2" align="center" style="position: absolute; z-index: 3; left: expression(document.getElementById('lj').offsetLeft); top: expression(document.getElementById('lj').offsetHeight+15);display:none" onmouseout="Lock_CheckForm()">
<table width="500" border="1" cellpadding="0" cellspacing="0" bordercolor="#2B8ACD" >
<tr>
<td style="background-color: #C6DAEF; padding-left: 4px; padding-top: 2px;
font-weight: bold; font-size: 14px;" height="27" valign="middle" width="20%">
名称:</td>
</tr>
<tr>
<td style="background-color: #C6DAEF; padding-left: 4px; padding-top: 2px;
font-weight: bold; font-size: 14px;" height="27" valign="middle" width="20%">
链接:</td>
</tr>
</table>
</div>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script type="text/javascript">
function locking() {
document.all.ly.style.display = "block";
document.all.ly.style.width = document.body.clientWidth;
document.all.ly.style.height = document.body.clientHeight;
document.all.Layer2.style.display = 'block';
}
function Lock_CheckForm() { document.all.ly.style.display = 'none';
document.all.Layer2.style.display = 'none';
}
</script>
<BODY> <a id="lj" href="#" onmouseover="locking()" >移上来出现层</a>
<div id="ly" style="position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #FFFFFF;z-index: 2; left: 0px; display: none;"></div>
<div id="Layer2" align="center" style="position: absolute; z-index: 3; left: expression(document.getElementById('lj').offsetLeft); top: expression(document.getElementById('lj').offsetHeight+15);display:none" onmouseout="Lock_CheckForm()">
<table width="500" border="1" cellpadding="0" cellspacing="0" bordercolor="#2B8ACD" >
<tr>
<td style="background-color: #C6DAEF; padding-left: 4px; padding-top: 2px;
font-weight: bold; font-size: 14px;" height="27" valign="middle" width="20%">
名称:</td>
</tr>
<tr>
<td style="background-color: #C6DAEF; padding-left: 4px; padding-top: 2px;
font-weight: bold; font-size: 14px;" height="27" valign="middle" width="20%">
链接:</td>
</tr>
</table>
</div>
</BODY>
</HTML>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货