CSS或者JS如何：使鼠标滑动到表格时弹出层（显示层），移走时又关闭（隐藏）层？
答案:2 悬赏:30 手机版
解决时间 2021-05-10 13:19
- 提问者网友：夢醒日落
- 2021-05-10 02:03
CSS或者JS如何：使鼠标滑动到表格时弹出层（显示层），移走时又关闭（隐藏）层？
最佳答案
- 五星知识达人网友：十年萤火照君眠
- 2021-05-10 02:43
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<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;
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.w3.org/1999/xhtml">
<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;
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>
全部回答
- 1楼网友：独行浪子会拥风
- 2021-05-10 02:53
document.getElementById("new1").style.display="none";（new1为层的id none为隐藏，block为显示）。
示意代码如下！
<span onmouseover="javascript:document.getElementById('new1').style.display='block';" onmouseout="javascript:document.getElementById('new1').style.display='none';">asdasd</span> <div id="new1">asdkjlasj </div>
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯