`
chunni
  • 浏览: 11928 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

[转]30+ Web下拉菜单

阅读更多

原文链接:http://coolshell.cn/articles/3207.html

 

以前给大家介绍过13个不错的Javascript和CSS的菜单20个优秀的Javascript导航技术30种时尚的CSS网站导航条,今天在网上看到一篇文章其收集了30多个下拉菜单(分为两类,jQuery和CSS+Javascript的),转过来。

原文:http://smashinghub.com/3-useful-drop-down-menu-scripts-to-enhance-header-navigation.htm

jQuery

Smooth Navigation Menu

Drop Down Menu Scripts 5 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation


Simple Drop Down Menu Plugin

Drop Down Menu Scripts 6 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Dropdown, iPod Drilldown, and Flyout styles


drilldown 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

jQuery and CSS Example

Drop Down Menu Scripts 7 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Create the Fanciest Drop Down Menu You Ever Saw

Drop Down Menu Scripts 8 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

A Different Top Navigation

Drop Down Menu Scripts 9 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Simple jQuery Dropdowns

Drop Down Menu Scripts 15 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Sexy Drop Down Menu with jQuery and CSS

Drop Down Menu Scripts 1 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

How to Create a Drop Down Nav Menu with HTML5, CSS3, and jQuery

Drop Down Menu Scripts 31 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Reinventing a Drop Down with CSS and jQuery

Drop Down Menu Scripts 14 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Superfish

Drop Down Menu Scripts 13 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Animated Drop Down Menu with jQuery

Drop Down Menu Scripts 12 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

jQuery Menu: Dropdown, Drilldown, and iPod Flyout Styles

Drop Down Menu Scripts 16 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

McDropdown jQuery Plugin

Drop Down Menu Scripts 17 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Mega Drop Down Menus with CSS & jQuery

Drop Down Menu Scripts 3 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Sliding jQuery Menu

Drop Down Menu Scripts 4 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

jdMenu Hierarchical Menu Plugin

Drop Down Menu Scripts 18 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Dim Gray Drop Down Menu

Drop Down Menu Scripts 19 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Create a MultiLevel Dropdown Menu with CSS and Improve it with jQuery

Drop Down Menu Scripts 20 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

jQuery Drop Down Menu for RSS Subscription

Drop Down Menu Scripts 11 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Easy to Style jQuery Drop Down Menu

Drop Down Menu Scripts 10 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

CSS and Java Scripts

Lwis Dropdown Menu Framework

lwis menu 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

MenuMatic

menumatic 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Sexy Sliding Menu

sliding menu 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Circular Menu

circular menu 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Vimeo-like Top Navigation

vimeo menu 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

FG jQuery Menu

fg menu 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Ext JS Tree Panel

dragdrop 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Apple Style Menu

appele1 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

Hover Box

hoverbox 30+ Useful Drop Down Menu Scripts To Enhance Header NavigationStyled Menus

style 30+ Useful Drop Down Menu Scripts To Enhance Header Navigation

(全文完)

分享到:
评论

相关推荐

    纯div+css下拉菜单支持ie6,ie7、火狐

    在网页设计中,下拉菜单是一种常见的导航结构,它能够有效地组织和...通过以上文件学习,开发者可以掌握创建跨浏览器的、响应式的、无需JavaScript的下拉菜单技巧,这对于任何Web开发者来说都是一项基础但重要的技能。

    JS+CSS下拉菜单

    ### JS+CSS下拉菜单知识点解析 #### 一、标题:JS+CSS下拉菜单 在网站设计中,导航栏是提升用户体验的关键元素之一。一个高效且美观的导航栏不仅能够帮助用户快速找到所需信息,还能增强网站的整体视觉效果。“JS+...

    web下拉菜单 19jsmenu_code

    本资源“web下拉菜单 19jsmenu_code”似乎是一个包含JavaScript代码的压缩包,专门用于创建这种功能。下面,我们将深入探讨Web下拉菜单的相关知识点,并假设这个压缩包提供了实现下拉菜单的一种方法。 1. **HTML ...

    Web弹出下拉菜单

    在Web开发中,下拉菜单是一种常见的交互元素,它能够有效地组织和展示大量的导航选项,同时节省页面空间。淘宝网站右上角的下拉菜单就是一个典型的例子,它为用户提供了一个简洁且高效的界面来访问各种功能和服务。...

    css+js动感下拉菜单,回弹效果

    同时,对于大型下拉菜单,为了避免阻塞主线程,可以考虑使用异步加载或Web Workers来处理复杂的JavaScript操作。 总结来说,"css+js动感下拉菜单,回弹效果"是通过结合CSS的样式和布局控制,以及JavaScript的事件...

    一个很好用的web下拉式菜单插件

    本篇文章将深入探讨一个名为“jQuery PopMenu”的高效web下拉式菜单插件,它是一个基于JavaScript库jQuery构建的解决方案,提供了丰富的自定义选项,让开发者可以轻松创建符合网站设计风格的下拉菜单。 首先,我们...

    下拉菜单集合(二级、三级下拉菜单)

    在本资源包“下拉菜单集合”中,包含了多种类型的下拉菜单,包括二级和三级下拉菜单,这些设计通常用于导航栏、设置选项或用户界面的其他部分,以节省屏幕空间并提升用户体验。 一、下拉菜单的基本结构与原理 下拉...

    asp如何实现动态下拉菜单赋值给文本框

    本文将详细探讨ASP中如何实现动态下拉菜单赋值给文本框的两种方法,这在构建用户友好的界面时非常有用。 ### 方法一:使用JavaScript 首先介绍的是通过JavaScript来实现动态下拉菜单赋值给文本框的方式。这种方法...

    ajax+php+无限级分类下拉菜单.rar

    在网页开发中,无限级分类下拉菜单是一个常见的需求,特别是在电商网站或者内容管理系统中,用于展示层次分明的类别结构。这个"ajax+php+无限级分类下拉菜单"的项目,结合了Ajax、PHP和数据库技术,实现了一个动态...

    vue实现带过渡效果的下拉菜单功能

    这个功能不仅适用于Web端,还包括对移动端的适配,并且还包含了一些额外的交互效果,比如点击下拉菜单之外的区域隐藏下拉菜单。 首先,我们需要了解下拉菜单的基础实现。在Vue中,下拉菜单的实现主要依赖于几个关键...

    java web下开发二级级联下拉菜单(数据库实现的)

    在Java Web开发中,二级级联下拉菜单是一种常见的用户界面元素,用于提供层次结构的选择。这个场景中,我们利用数据库存储数据,并通过后端处理逻辑动态生成这些下拉菜单。下面将详细介绍如何使用MySQL数据库来实现...

    符合web标准的二级横向下拉菜单

    符合web标准的二级横向下拉菜单

    解决soaoffice阻挡web下拉菜单

    本问题涉及的核心是“SOAOffice”与Web下拉菜单的交互问题。标题和描述中提到的问题是:当用户尝试在含有SOAOffice控件的页面上打开下拉菜单时,菜单项会出现在控件区域下方,而不是预期的上方。这显然是一个用户...

    网博士组合下拉菜单

    主栏目+二级栏目+分类组合下拉菜单扩展插件是将后台所设置的主菜单和二级菜单(或大分类),以下拉式二级菜单的形式实现.其中主栏目为单页.会员,表单型的,下拉为二级栏目菜单;主栏目为文章,图文,下载型的,以栏目下属大...

    html+css+JavaScript实现淡入淡出下拉菜单

    在网页设计中,创建交互式的下拉菜单是一个常见的需求,特别是在构建导航栏时。本项目“html+css+JavaScript实现淡入淡出下拉菜单”就是针对这一需求的一个实例,旨在帮助初学者理解如何结合HTML、CSS和JavaScript来...

    div+css各种下拉菜单

    下拉菜单在网站导航中广泛应用,为用户提供了一种简洁的方式来访问多个层次的链接,而不必占据太多屏幕空间。本文将深入探讨如何使用`div`和`css`创建各种下拉菜单。 首先,我们先理解下拉菜单的基本构成。一个简单...

    纯css多级下拉菜单兼容ie6+主流浏览器

    本文将深入探讨如何使用纯CSS实现兼容IE6+及主流浏览器的多级下拉菜单,帮助Web开发者提升用户体验,同时简化开发流程。 首先,让我们了解CSS(层叠样式表)的基本概念。CSS是一种用于描述HTML或XML(包括如SVG、...

    仿win7web菜单导航条菜单下拉菜单漂亮的菜单经典的菜单

    "仿win7web菜单导航条菜单下拉菜单漂亮的菜单经典的菜单"这一主题着重于模仿Windows 7操作系统中的菜单样式,将这种熟悉且直观的用户体验应用到网页中,提升用户的交互体验。 首先,"win7 导航条"指的是借鉴了...

    简单的下拉菜单提供大家下载

    在IT领域,下拉菜单是一种常见的用户界面元素,它在网页设计、软件开发以及移动应用中广泛应用。下拉菜单能够有效地节省屏幕空间,提高用户体验,同时保持界面的整洁和易于导航。下面我们将深入探讨下拉菜单的设计...

    25 个免费的 HTML5 CSS3 jQuery 下拉菜单

    在下拉菜单设计中,CSS3可以用于定义菜单的样式,如颜色、字体、布局和动态效果,例如悬停时的渐变、阴影和旋转。利用伪类(如:hover、:active和:focus)可以实现鼠标悬停、点击和焦点状态下的不同样式。 jQuery是...

Global site tag (gtag.js) - Google Analytics