本文实例讲述了js实现带圆角的多级下拉菜单效果。分享给大家供大家参考。具体如下： 这是一款酷黑的圆角多级下滑菜单，可支持三级，鼠标放上后可见到滑出的菜单，调用了一个JS封装库，代码有些复杂，有兴趣的可研究。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-down-show-menu-style-codes/ 具体代码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>下拉...
本文实例讲述了jQuery实现多级下拉菜单jDropMenu的方法。分享给大家供大家参考。具体如下： 这里介绍的jQuery多级下拉菜单导航-多级下拉菜单，英文名叫 DropDown Menu。通过 each() 遍历添加相应的处理事件 mouseover,mouseout 和 tab 操作的支持。这个效果是我们平时最常见的一个效果之一，也是一个十分实用的一个 JavaScript 特效。例如我的 BlueNight 主题的主导航就使用了多级下拉菜单的这个效果。 运行效果截图如下：在线演示...
本文实例讲述了jQuery实现的简洁下拉菜单导航效果。分享给大家供大家参考。具体如下： 这里使用jQuery实现简洁下拉菜单导航效果，代码规范，兼容性方面:支持 IE6+, Firefox 1.5+, Opera 8+, Safari 3+, Chrome 0.2+。简洁明快的jquery网站菜单，请参阅代码。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-simple-down-show-menu-nav-codes/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM...
本文实例讲述了jquery实现漂亮的二级下拉菜单代码。分享给大家供大家参考。具体如下： 这里介绍一款基于jquery实现的网站下拉菜单，黑色风格，很漂亮，本菜单需要点击主菜单后的小三角符号才下拉出二级菜单，并不是有些菜单，是鼠标移上主菜单的时候就滑过，至于哪一种，就看个人的喜好了 先来看看运行效果：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-bg-2-level-down-show-menu-codes/ 具体代码如下： <!DOCTYPE h...
本文实例讲述了jquery实现平滑的二级下拉菜单效果。分享给大家供大家参考。具体如下： 这是一款使用了jQuery实现的二级菜单特效，灰色风格，颜色自己不喜欢的就自己动动手吧，CSS代码经过了优化，水平高的自己拿出修改吧，这是一个在国外前端设计网站找到的导航菜单效果，希望大家喜欢。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-soft-2level-menu-nav-codes/ 具体代码如下： <!DOCTYPE html> <...
本文实例讲述了JavaScript实现带箭头标识的多级下拉菜单效果。分享给大家供大家参考。具体如下： 这是一个支持多级显示的JS菜单，鼠标移向带有小三角的菜单项，可下拉出二级子菜单项，在该主菜单的上方会显示标记，指引当前的位置，本菜单代码使用了一个JS类，可根据代码地址自行下载，这个菜单未在网上测试，用在自己的网站里可能要修改代码。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-focus-m-sel...
本文实例讲述了jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码。分享给大家供大家参考。具体如下： 这里介绍的是一款黑红带渐变的网站下滑导航菜单，基于jquery实现的下滑线导航菜单，鼠标经过主菜单的时候，下滑线就会自动跟向哪里，如果该菜单有两级子菜单，则同样会显示下滑菜单，带渐变效果。菜单操作很灵敏，使用有自定义的封装插件SuperSlide.2.1.js，所在使用时请自行下载这个JS插件。 运行效果截图如下：在线演示地址...
本文实例讲述了jquery实现的淡入淡出下拉菜单效果。分享给大家供大家参考。具体如下： 这是一款jQuery带有淡入淡出效果的下拉菜单，可作为一个下拉导航菜单的模板，移动鼠标到一级主菜单上看一看，在有包括二级子菜单的菜单项上悬停时，二级菜单渐变显示出来，兼容性也是很不错的，希望大家喜欢哈。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-fade-in-out-menu-style-codes/ 具体代码如下： <!DO...
本文实例讲述了jquery实现适用于门户站的导航下拉菜单效果代码。分享给大家供大家参考。具体如下： 这是一款应用了jQuery+CSS共同编写实现的网页导航菜单，采用浅蓝色的布局方式，整体格调淡雅清新，简洁大方，不失为一款好菜单。本特点的特点是兼容好，在火狐/IE下都有良好表现，而且在有二级子菜单的地方，主菜单上都会有一个小三角标识，很好的提升了用户体验，相信你也会喜欢的。运行效果截图如下： 在线演示地址如下： http:/...
本文实例讲述了jQuery实现的多级下拉菜单效果代码。分享给大家供大家参考。具体如下： 这是一款jQuery多级下拉菜单，在支持html5的浏览器中测试你会发现本菜单很智能，会自动判断浏览器边界来改变下拉菜单的显示方向，在ie下没发现此效果。整体上来看，和Windows系统的“经典”主题时的菜单风格特别相似，配合图片，整体效果还是相当有专业水准的。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-nle...
jquery带下拉菜单和焦点图是一款顶部通栏带二级下拉菜单和banner导航菜单代码。感兴趣的朋友快来学习学习吧 运行效果图： ----------------------查看效果 下载源码-----------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。 为大家分享的jquery带下拉菜单和焦点图如下<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery带下拉菜单和...
本文实例讲述了jquery实现鼠标滑过显示二级下拉菜单效果。分享给大家供大家参考。具体如下： 这是一款jquery实现的下拉菜单，当鼠标移在主菜单上的时候，向下滑出二级子菜单，采用UL LI结构，便于修改完善，我觉得是很实用的菜单，希望大家平时能用得上。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-mouse-over-show-menu-codes/ 具体代码如下： <!DOCTYPE html> <head> <meta http-equiv="Conten...
本文实例讲述了jQuery实现的fixedMenu下拉菜单效果代码。分享给大家供大家参考。具体如下： 这里演示了仿Google风格的下拉菜单，其核心实际上是jquery.fixedMenu菜单，使用了jquery.fixedMenu.js和fixedMenu_style.css文件，已在代码中加注释，你可以从本代码中分享现这两个文件，然后重新引用。本菜单在鼠标点击主菜单的时候可向下显示二级子菜单，在火狐或Chrome浏览器下，还可显示菜单阴影效果。 运行效果截图如下：在线演示地址...
本文实例讲述了JS实现的Select三级下拉菜单。分享给大家供大家参考。具体如下： 这里使用js实现Select三级下拉菜单，比如全国省市城市选择、数码类产品分类、人才类别选择等，都比较具有代表性，在表单中容易使用Select下拉列表菜单供用户选择，当然，自己用还是需要稍微改动的，比如至少菜单内容要改成自己需要的，其它的好说。 运行效果如下图所示：在线演示地址如下： http://demo.jb51.net/js/2015/js-3-select-menu-codes/ 具...
本文实例讲述了JS实现下拉菜单赋值到文本框的方法。分享给大家供大家参考。具体如下： 这里演示下拉菜单和文本框构建的介绍栏，将Select框中的值定位到INPUT文本输入框中，是下拉框赋值到文本框的实例，上网时候貌似经常见的功能，只是不知如何形容，或许叫做联动吧。 运行效果如下图所示：在线演示地址如下： http://demo.jb51.net/js/2015/js-select-to-input-val-codes/ 具体代码如下： <html> <head> <SCRIPT LANGUAGE="JavaSc...