CSS或者JS如何:使鼠标滑动到表格时弹出层(显示层),移走时又关闭(隐藏)层?

如题所述

第1个回答  2013-08-16
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>
第2个回答  2013-08-16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ">
<html xmlns=" ">
<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>本回答被网友采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网