本文实例讲述了js实现的黑背景灰色二级导航菜单效果代码。分享给大家供大家参考。具体如下： 这是一款js实现的黑背景灰色二级导航菜单，兼容IE6、firefox的js+css横向二极导航菜单。挺简洁，不过很清新，二级菜单是水平显示在主菜单的下方，采用流行的微软雅黑字体，若不想用这种字体，可换成默认的宋体即可。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-black-bgcolor-2level-nav-style-codes/ 具体代...
本文实例讲述了jQuery实现的背景动态变化导航菜单效果。分享给大家供大家参考。具体如下： 这里介绍一款使用jQuery插件制作完成的导航菜单，一大特点是，菜单的背景有动态效果，与使用的背景图片完全变换，动态效果是在鼠标悬停时出现，也就是把鼠标放在菜单上的时候，背景即开始滚动起来，看上去漂亮极了，而且兼容性也是相当不错的，推荐给网页设计者使用。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/...
本文实例讲述了jQuery三级下拉列表导航菜单。分享给大家供大家参考。具体如下： jQuery三级下拉列表导航菜单基于jquery-1.8.3.min.js，可无限极分类，可智能判断是否有下级菜单，鼠标经过上次菜单显示下级菜单。 运行效果图： -------------------查看效果-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。 为大家分享的jQuery三级下拉列表导航菜单代码如下jQuery三级下拉列表导航菜单 *...
本文实例讲述了jQuery实现类似标签风格的导航菜单效果代码。分享给大家供大家参考。具体如下： 这是一款基于jquery实现的类似TAB标签样式的网站导航菜单，引入了jquery，若运行代码后左上角提示错误，刷新页面即可正常。你可点击菜单查看到整体的效果。点击后对应菜单项下移，可扩展成二级菜单，也可以改成TAB标签布局，感兴趣的朋友自己研究吧。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-bq-st...
本文实例讲述了jQuery ui实现动感的圆角渐变网站导航菜单效果代码。分享给大家供大家参考。具体如下： 今天给大家分享一款基于jQuery UI的网站渐变导航菜单，可作为主导航，带渐入渐出效果，鼠标移过菜单后，菜单项上显示圆角背景，本地测试时，请注意引入的几个JS脚本文件，最好是保存到你本地，菜单兼容性也不错。 先来看运行效果截图：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-ui-cicle-button-style-web-nav-c...
本文实例讲述了jquery实现红色竖向多级向右展开的导航菜单效果。分享给大家供大家参考。具体如下： 这里介绍的是一款红色竖向多级向右展开的导航菜单，多用于博客网站的导航菜单，红色风格，非常漂亮，向右伸展的菜单。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-red-style-show-menu-codes/ 具体代码如下：红色竖向多级向右展开的导航菜单.nav{float:left;position:relative;width:253px;} h2,u...
本文实例讲述了jquery专业的下拉菜单特效。分享给大家供大家参考。具体如下： 这是一款基于jquery实现的专业下拉菜单特效，蓝色风格的下拉菜单非常经典，网站是否有一个具有吸引力的导航会影响到用户停留时间的长久，就像小编编辑的文章内容影响亲们的访问时间长久一样。大家要学会如何建立一个属于自己网站风格的导航菜单。 运行效果图：-------------------查看效果 下载源码-------------------小提示：浏览器中如果不能正常运行...
本文实例讲述了jQuery实现简单的列表式导航菜单效果代码。分享给大家供大家参考。具体如下： 这里使用jQuery实现简单的列表式导航菜单，是根据网上的一个教程，边看边写的，经过了修正，拷贝代码即可使用。主要实现包括三个部分，一是CSS、二是引入jQuery、三是编写JS代码进行jQuery控件。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-simple-list-style-nav-menu-codes/ 具体代码如下：jQuery实现...
本文实例讲述了jQuery实现淡入淡出二级下拉导航菜单的方法。分享给大家供大家参考。具体如下： 这是一款基于jQuery实现的导航菜单，淡入淡出二级的菜单导航，很经常见到的效果，这里使用的是jquery-1.6.2版本的JS，鼠标移动到包括二级子菜单的主菜单上，会立即渐显出二级的子菜单，鼠标在二级子菜单上划过，子菜单项的背景会改变。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-in-out-nav-menu-cod...
效果图如下：查看演示 源码下载 html代码：jQuery / Zepto响应式菜单 PgwMenu 演示 请缩小/放大浏览器窗口宽度查看效果 深色样式（默认） 首页 代码 素材 模板 关于 服务 联系 浅色样式（默认） 首页 代码 素材 模板 关于 服务 联系 自定义样式 首页 代码 素材 模板 关于 服务 联系 Js代码 $(function () { $('.pgwMenu').pgwMenu({ dropDownLabel: '菜单', viewMoreLabel: '更多' }); $('.pgwMenuCustom').pgwMenu({ mainC...
本文实例讲述了jquery实现美观的导航菜单鼠标提示特效代码。分享给大家供大家参考。具体如下： 这是一个奇妙的导航菜单鼠标提示特效，俗称“链接提示”，鼠标放在导航菜单的链接上即可显示出该链接所指向网页的大致内容，提示用户到达需要的页面。 先来看看运行效果截图：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-nav-tips-nav-menu-style-codes/ 具体代码如下：链接提示特效$(document).ready(function(){$(".men...
本文实例讲述了jQuery+css实现的蓝色水平二级导航菜单效果。分享给大家供大家参考。具体如下：这是一款蓝色经典的jQuery+CSS实现水平二级导航菜单，相信你会喜欢的，蓝色，超级经典的一种风格，从其它网站上扣下来的，我认为很不错，赶紧分享给大家吧。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-css-blue-line-2level-nav-menu-codes/具体代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra...
本文实例讲述了jQuery实现Meizu魅族官方网站的导航菜单效果。分享给大家供大家参考。具体如下： 偶尔看到魅族官方网站，发现网站的导航菜单的效果很不错就扣下来，俩字：给力。鼠标放到菜单上，菜单的下边会有一条横线在滑动。一直想找类似的效果学一下。结果，不是忘记有类似效果的网站的网址，就是压根儿找不到。。又不知道怎么描述，今天总算碰到了，真给力。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/20...
这篇文章主要介绍了jQuery实现鼠标悬停背景翻转的黑色导航菜单代码,涉及jQuery鼠标事件结合animate动画实现背景翻转效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了jQuery实现鼠标悬停背景翻转的黑色导航菜单代码。分享给大家供大家参考。具体如下：这是一款jQuery实现的鼠标悬停背景翻转的黑色导航菜单菜单,预览效果时左下角会提示错误，而且看不到效果，刷新一下就可以看到效果了；当然，在实际使用中，不会...
本文实例讲述了jQuery实现两款有动画功能的导航菜单代码。分享给大家供大家参考。具体如下： 这里介绍两个有动画功能的jQuery导航菜单，每个具备移动背景的效果，第二则是渐变背景效果，两个都不错，根据你的喜好选择了，菜单的风格和颜色自己修改一下就能用了。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-2-animate-style-nav-menu-codes/ 具体代码如下：两个有动画功能的导航菜单$(function() ...