鼠标进过 如何让同级的元素显示出来

```

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试</title>
<style>
#mysteve {width:200px; height:30px; border:1px solid red;} #add {width:200px; height:30px; border:1px solid blue; display:none;}
</style>
</head>
<body>
<div id="mysteve">mysteve</div><div id="add">add</div>
</body>
</html>
<script>
window.onload = function () {
var ms = document.getElementById("mysteve");
var add = document.getElementById("add");
ms.onmouseover = function () {
add.style.display = "block";
};
ms.onmouseout = function () {
add.style.display = "none";
};
};
</script>

```

猜你喜欢

转载自www.cnblogs.com/xieting123/p/9618211.html