jquery弹性滑动导航菜单
发布时间：2016-09-09 编辑：jiaochengji.com
教程集为您提供jquery弹性滑动导航菜单等资源，欢迎您收藏本站，我们将为您提供最新的jquery弹性滑动导航菜单资源
今天在一个设计中发现菜单下面有一条横线，我想起了这个有意思的效果，滑动导航菜单其实有两种哦。
jquery弹性滑动菜单，也就是鼠标滑过链接的时候下面一条横线随着鼠标滚动，当鼠标离开菜单时自动滚回原来的位置，看起来挺好看的
See the Pen 演示
代码太复杂了，而且是事先设置了位置，如果导航文字改变或者位置改变则需要重新修改JS代码的位置数组，建议使用我这种直接用js代码定义比较智能省功夫
See the Pen 演示
我比较喜欢第一种方式，里面同样可以实现第二种的效果，只需要将nav-line的样式改为这个背景，然后调整一下css样式就可以了。
你会怎么做呢？说说你的看法吧。
您可能感兴趣的文章：
jquery弹性滑动导航菜单
7款风格新颖的jQuery/CSS3菜单导航分享
jQuery弹性滑动导航菜单实现思路及代码
jQuery菜单插件 Smooth Navigational Menu
CSS3和jQuery实现花瓣网固定顶部位置悬浮菜单效果
对css滑动门技术的一些总结和归纳
jQuery导航菜单插件 AutoSprites
jquery 遮罩层效果实现的导航菜单
jQuery菜单插件 mbMenu
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
[关闭]