<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠?提示</title>
<script language="JavaScript">
function seashowtip(tips,flag,iwidth){
var my_tips=document.all.mytips;
if(flag){
my_tips.innerHTML=document.getElementsByTagName(tips).item(0).outerHTML;
my_tips.style.display="";
my_tips.style.width=iwidth;
my_tips.style.left=event.clientX+10+document.body.scrollLeft;
my_tips.style.top=event.clientY+10+document.body.scrollTop;
}
else
{
my_tips.style.display="none";
}
}
function NoneDisplay(){var my_tips=document.all.mytips;
my_tips.style.display= "none";
}
</script>
<div id=mytips style="position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div>
</head>
<body>
<table name="table1" class="33232">
<tr>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">A</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">B</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">C</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">D</td>
</tr>
<tr>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">A</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">B</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">C</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">D</td>
</tr>
<tr>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">A</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">B</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">C</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">D</td>
</tr>
<tr>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">A</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">B</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">C</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">D</td>
</tr>
</table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠?提示</title>
<script language="JavaScript">
function seashowtip(tips,flag,iwidth){
var my_tips=document.all.mytips;
if(flag){
my_tips.innerHTML=document.getElementsByTagName(tips).item(0).outerHTML;
my_tips.style.display="";
my_tips.style.width=iwidth;
my_tips.style.left=event.clientX+10+document.body.scrollLeft;
my_tips.style.top=event.clientY+10+document.body.scrollTop;
}
else
{
my_tips.style.display="none";
}
}
function NoneDisplay(){var my_tips=document.all.mytips;
my_tips.style.display= "none";
}
</script>
<div id=mytips style="position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div>
</head>
<body>
<table name="table1" class="33232">
<tr>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">A</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">B</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">C</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">D</td>
</tr>
<tr>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">A</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">B</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">C</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">D</td>
</tr>
<tr>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">A</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">B</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">C</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">D</td>
</tr>
<tr>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">A</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">B</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">C</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">D</td>
</tr>
</table>
</body>
</html>
<TR>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">abc</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">123</td>
<td onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">abc123</td>
</TR>
</table>其實不複雜的.這已經是最基本的啦.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠?提示</title>
<script language="JavaScript">
function seashowtip(tips,flag,iwidth){ var my_tips=document.all.mytips;
if(flag){
my_tips.innerHTML=document.getElementsByTagName(tips).item(0).outerHTML;
my_tips.style.display="";
my_tips.style.width=iwidth;
my_tips.style.left=event.clientX+10+document.body.scrollLeft;
my_tips.style.top=event.clientY+10+document.body.scrollTop;
}
else
{
my_tips.style.display="none";
}
}
function NoneDisplay(){var my_tips=document.all.mytips;
my_tips.style.display= "none";
}
</script>
<div id=mytips style="position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div>
</head>
<body>
<table name="table1" class="33232" onmouseover="seashowtip('table',1,30)" onmouseout="NoneDisplay()">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
</table>
</body>
</html>
谢谢