javascript - 导航菜单的JS代码的一个小BUG不知道如何解决求指导3.10更新-PHP中文网问答

本人新手做了一个导航菜单，到最后一步了，有一个小BUG，就是当鼠标移出导航时，导航菜单还会有一个被选中时设计的样式，按理说我已经设置了离开事件，使导航恢复静态页面的背景颜色，反反复复使用各种方法也没得到解决。更新部分：已加入CSS和HTML，因为是新手所以写的时候也感觉很笨拙的样子，之前自己在网上查找交互琢磨了半天，用一一对应的方法可以完美显示，但是感觉这个方法很笨重，所以一直琢磨这种循环的方法。mouseover部分就不说了，mouseout部分我在循环内写过比如listMore[i].onmouseout=function()包裹在i循环中，与j分开，【】内试了用J无效，会出现鼠标离开更多列表listmore的确会消失，但是单独从list离开即左边菜单列表就无效，一定要移动到右边再离开才行。也有尝试用if嵌套事件来判定移开到那部分判定，或者同时设定左右两部分||离开函数，不知道是我写法有问题还是什么也失败了。所以才重新定义了变量main,和右边大p right,分为内外两部分，内部循环和外部直接监听，之前的问题都解决了，就是小白框去不掉。这就是我的整个的思路，如果可以用if和||判定的话也是最好了，希望是我的输入有问题导致的失败。望指教。

main._index = this.index; // list[i].onmouseover 里面放这代码获取当前元素的下标保存 main._index 中 list[this._index].style.backgroundColor = "#DED5D5"; // 鼠标移开的位置 main.onmouseout 里面放这代码