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