<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>静态随鼠标移动的Tip</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
<!--
#Tip{
display: none;
background-color: #f6f7f7;
color: #333333;
font-size: 12px;
line-height: 18px;
border: 1px solid #e1e3e2;
width: 250;
height: 50;
padding: 5px;
}
-->
</style>
</head>
<body>
<script type="text/javascript">
function showTip(e){
var Tip=document.getElementById("Tip");
Tip.style.display="block";
Tip.style.left=e.clientX+10;
Tip.style.top=e.clientY+5;
Tip.style.position="absolute";
}
function closeTip(){
var Tip=document.getElementById("Tip");
Tip.style.display="none";
}
</script>
<div id="Tip">这里显示出全部内容</div>
<table width="100%">
<tr>
<td onmousemove="showTip(event)" onmouseout="closeTip()">
<a href="#" style="text-decoration: none;">测试连接</a>
</td>
</tr>
</table>
</body>
</html>
实例效果图:
