CSS或者JS如何：使鼠标滑动到表格时弹出层（显示层），移走时又关闭（隐藏）层？ 20
1个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.yidian51.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.yidian51.com">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
table{border-collapse:collapse;}
td{border:1px solid #CCC;padding:0 10px;height:24px;}
#tip{position:absolute;border:1px dashed #FFCC33;font-size:12px;height:22px;line-height:22px;text-align:center;width:120px;background:#FFFFCC;<br>top:20px;left:30px;}
</style>
<script type="text/javascript">
function showtip(){
document.getElementById("tip").style.display='block';
}
function hidetip(){
document.getElementById('tip').style.display='none';
}
</script>
</head>
<body>
<table onmousemove="showtip()" onmouseout="hidetip()">
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
<div id="tip">提示信息!</div>
</body>
</html>
<html xmlns=" http://www.yidian51.com">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
table{border-collapse:collapse;}
td{border:1px solid #CCC;padding:0 10px;height:24px;}
#tip{position:absolute;border:1px dashed #FFCC33;font-size:12px;height:22px;line-height:22px;text-align:center;width:120px;background:#FFFFCC;<br>top:20px;left:30px;}
</style>
<script type="text/javascript">
function showtip(){
document.getElementById("tip").style.display='block';
}
function hidetip(){
document.getElementById('tip').style.display='none';
}
</script>
</head>
<body>
<table onmousemove="showtip()" onmouseout="hidetip()">
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
<div id="tip">提示信息!</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
