主要介绍了jQuery实现Meizu魅族官方网站的导航菜单效果,可实现导航菜单项鼠标滑过出现下划线动态跟随的功能,通过jQuery插件实现该功能,需要的朋友可以参考下

本文实例讲述了jQuery实现Meizu魅族官方网站的导航菜单效果。分享给大家供大家参考。具体如下： 偶尔看到魅族官方网站，发现网站的导航菜单的效果很不错就扣下来，俩字：给力。鼠标放到菜单上，菜单的下边会有一条横线在滑动。一直想找类似的效果学一下。结果，不是忘记有类似效果的网站的网址，就是压根儿找不到。。又不知道怎么描述，今天总算碰到了，真给力。 运行效果截图如下： 在线演示地址如下： http://demo.jb51.net/js/2015/jquery-meizu-web-nav-menu