利用JavaScript的事件驱动或者事件绑定如何完成如下效果

Question

针对一个网页的导航条，想问问如何实现这种效果。
打开网页后的初始效果：(图片只有导航条部分)

鼠标移上特定的li标记，或者再移开该li标记后，相应的li标记的背景色就变成橘黄色，如下面的图：
(注：该导航条的嵌套关系如下，(一共有8个部分，针每个ol的子代的li部分而言)：ol>li>a=ul>li)

我尝试了一下，写了这部分js代码，不过还是没用：

Answer 1

搞半天才发现有简单方法，想复杂了，这个问题可以直接在css里面给元素加：hover，也可以按照选项卡那样做，都很简单