Javascript 当我移出类别划分时，如何保持子类别划分？

。类别列表{
位置：固定；
顶部：50px；
宽度：20%；
左边距：50像素；
}
#subcat1、subcat2、subcat3、subcat4、subcat5、subcat6、subcat7、subcat8、subcat9、subcat10{
位置：固定；
顶部：50px；
左：350px；
宽度：50%；
}

---

.subcat

因以下原因而消失

onmouseout=“document.getElementById（'subcat1'）.style.display='none'；”

你可以用

onmouseover=“document.getElementById（'subcat1'）.style.display='block'；”

也在

.subcat

上

。类别列表{
位置：固定；
顶部：50px；
宽度：20%；
左边距：50像素；
}
.subcat{
左边距：60像素；
位置：固定；
}

---

.subcat

因以下原因而消失

onmouseout=“document.getElementById（'subcat1'）.style.display='none'；”

你可以用

onmouseover=“document.getElementById（'subcat1'）.style.display='block'；”

也在

.subcat

上

。类别列表{
位置：固定；
顶部：50px；
宽度：20%；
左边距：50像素；
}
.subcat{
左边距：60像素；
位置：固定；
}

onmouseout事件导致子类别划分消失：

onmouseout=“document.getElementById（'subcat1'）。style.display='none'；”

？并且，您可以只使用subcatt，而不是

#subcat1、#subcat2、#subcat3、#subcat4、#subcat5、#subcat6、#subcat7、#subcat8、#subcat9、#subcat10

。子类别划分因onmouseout事件而消失：

onmouseout=“document.getElementById（'subcat1'）.style.display=”如果您不希望此行为，移除onmouseout事件为什么不检查一些现成的CSS解决方案？并且，您可以使用just.subcat代替
#subcat1、#subcat2、#subcat3、#subcat4、#subcat5、#subcat6、#subcat7、#subcat8、#subcat9、#subcat10