<ul id="menu">
<li class="active">双玻系列</li>
<li>活动墙系列</li>
<li>门系列</li>
<li id="pj">配件</li>
</ul>
<div id="content">
<div>双玻系列</div>
<div>活动墙系列</div>
<div>门系列</div>
<div>配件</div>
</div>
<script>
let lis = document.querySelectorAll("#menu>li");
let divs = document.querySelectorAll("#content>div");
for (let i = 0; i < lis.length; i++) {
lis[i].addEventListener("mouseenter", function () {
for (let i = 0; i < lis.length; i++) {
divs[i].style.display = "none";
}
lis[i].className = "active";
divs[i].style.display = "block";
})
}
</script>