本文实例讲述了jQuery实现两款有动画功能的导航菜单代码。分享给大家供大家参考。具体如下：
这里介绍两个有动画功能的jQuery导航菜单，每个具备移动背景的效果，第二则是渐变背景效果，两个都不错，根据你的喜好选择了，菜单的风格和颜色自己修改一下就能用了。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/jquery-2-animate-style-nav-menu-codes/
具体代码如下：
两个有动画功能的导航菜单 .body {margin:10px;} img {border:0;} a {text-decoration:none;} ul{list-style:none; margin:0; padding:0;} .menu {background:#003399; height:25px; width:600px; position:relative; overflow:hidden;} .menu .showmenu, .menu .showhover{ position:absolute;} .menu .showmenu a {float:left; display:block;} .menu .showmenu a {font:700 12px/25px Microsoft YaHei; color:#fff; width:100px; height:25px; text-align:center;} .menu .showhover {background:#990033; width:100px; height:25px;} 网站首页 关于我们 新闻中心 产品中心 解决方案 联系我们 网站首页 关于我们 新闻中心 产品中心 解决方案 联系我们
希望本文所述对大家的jQuery程序设计有所帮助。
