jquery implementation Imitation Microsoft home page sensor mouse changes sliding window effect _jquery

The example of this article is about jquery to realize the sliding window effect of the mouse changes induced by Microsoft homepage. Share to everyone for your reference. Specifically as follows:

This is a jquery copy of Microsoft homepage Induction mouse Changes sliding window, the mouse put on, the window will be stretched to the left, the mouse after the removal of the original, is found on the Microsoft Official website, looked at the code, feel very easy to buckle down, do not dare to enjoy alone.

The screenshot of the running effect is as follows:

The online demo address is as follows:

http://demo.jb51.net/js/2015/jquery-f-microsoft-web-nav-demo/

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.