onmouseover没有效果
发布网友
发布时间：2022-05-03 02:31
共1个回答
热心网友
时间：2023-10-06 05:59
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
function over( ){
a.style.display="block";
}
function out( ){
a.style.display="none";
}
</script>
<style>
#a{
width:100px;
height:100px;
background-color:#81FF00;
margin: 0 auto;
text-align:center;
line-height:100px;
}
#jj{
width:101px;
height:101px;
border:1px solid;
}
</style>
</head>
<body>
<!-- display为none后，元素本身消失，不占位置，故而再over是无效的 -->
<div id="jj" onmouseover="over( )" onmouseout="out( )"><p id="a">这里</p></div>
</body>
</html>
追问那个，我是想让它先隐藏，鼠标移动到那个位子在显示，移走又隐藏，可是如果加none怎么去先隐藏
我已经知道了，把display:none换成visibility:hidden这样子元素还是占位
