使用Javascript开发sliding-nav带滑动条效果的导航插件

本文介绍如何使用纯Javascript来开发一款简单的JS插件，本插件可以实现鼠标悬停在导航上时，下方的滑动条自动从当前菜单滑动到所选菜单当中去。经过分析，虽然在视觉上小横条位于UL之内，为了不破坏原来导航的样式，小黄条必须使用absolute的绝对定位，并且初始位置与ul标记相同。因此，我们把小横条插入标记的前面，如上面的小灰点，它就是小横条的初始位置即的位置。那么我们如何让小条看起来在菜单项的正下方呢？