主要介绍了原生js和jquery分别实现横向导航菜单效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了原生js和jquery横向导航菜单的制作方法，供大家参考，具体内容如下 原生javascr ipt实现： 这一次要实现的是鼠标放上去以后，菜单栏被选中的那一栏水平拉伸，鼠标离开后水平收缩。并带有一定的时间性，使肉眼能够看出其拉伸收缩的动画效果。 开始用javascr ipt进行编写： 首先在之前水平方向的导航栏上进行操作，将第一栏和选中栏的样式只改变为背景变黑色，文字变白色 .on,a:hover{background:#000000;color:#FFFFFF;}  之后