jquery realizes the navigation menu effect of Meizu's official website _jquery

This article illustrates the effect of jquery on the navigation menu of the official Meizu Phantom website. Share to everyone for your reference. Specifically as follows:

Occasionally see the Phantom of the official website, found that the site's navigation menu effect is very good to buckle down, two words: to force. The mouse is placed on the menu and a horizontal line is sliding underneath the menu. have been looking for a similar effect to learn. As a result, it's not that you forget the Web site that has a similar effect, or you can't find it. Do not know how to describe, finally met today, really give force.

The screenshot of the running effect is as follows:

The online demo address is as follows:

http://demo.jb51.net/js/2015/jquery-meizu-web-nav-menu-style-codes/

The specific code is as follows:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  

I hope this article will help you with your jquery programming.