下拉菜单 (也称为下拉菜单)在大多数网页设计中都是必不可少的。 它在创建有效且用户友好的网站中起着重要作用。 这是一个很好的解决方案,可以减少占用屏幕空间的长菜单,使它们以更有条理的category-subcategory模式显示。
在本文中,我们想向您展示一些我们知道的最好的下拉菜单脚本 。 这些下拉菜单仅适用于CSS , CSS和Javascript,以及与您当前的Javascript库(如jQuery , MooTools和Prototype)兼容的菜单。 跳转后的完整列表。
以下是我们认为您可能感兴趣的一些相关文章:
CSS(仅)
如果您担心客户端的浏览器上禁用Javascript,这些仅css下拉菜单不会使您失望。
CSS下拉菜单框架。 标题说明了一切。 它是一个框架,根据GNU通用公共许可证发布。 与跨浏览器兼容,轻巧易用,可模仿许多现有的下拉菜单。 例如Flickr,Adobe和MTV.com。


CSS Express下拉菜单。 帮助您创建快速(快捷)CSS下拉菜单,而没有其他“纯” CSS菜单中的某些限制。

CSS + Javascripts
借助Javascript,下拉菜单更具交互性,或者至少它们获得了一些微妙的动画,可增强用户体验。 另一方面,请确保CSS外观易于定制。
所有级别的导航菜单(v2.2)。 基于CSS / HTML列表的菜单,支持无限级别的子菜单。 它轻巧且易于实现。

下拉标签(5种样式)。 下拉选项卡是CSS的水平选项卡菜单,它的每个选项卡都支持第二级下拉菜单。 有5种不同的样式。

Chrome CSS下拉菜单。 Chrome菜单是CSS和JavaScript混合下拉菜单。 易于配置且对搜索引擎友好。 主菜单栏由CSS列表组成,而下拉菜单只是页面上的常规DIV标签。

jQuery的
如果您已经在网站上实现了jQuery Javascript Library,那么您应该了解一些非常酷的基于jQuery的下拉菜单。
流畅的导航菜单。 平滑导航菜单是基于jQuery的基于CSS列表的多级菜单,可让网站导航变得顺畅。 这是另一个类似的-jQuery Multi Level CSS Menu 。

超级鱼 Superfish是Suckerfish样式的增强型菜单jQuery插件,采用了现有的纯CSS下拉菜单(因此无需JavaScript即可正常降级)。 [ 演示 | 资料下载

超级下拉菜单。 下拉菜单不仅包含新的链接行,还包含更多内容。 它还使组链接更容易进行导航! [ 演示 ]

Moo工具
使用MootoolsJavaScript下拉菜单。 使用Mootools 1.2创建下拉菜单的简单,简便的方法。 [ 演示 | 资料下载

UvumiTools下拉菜单。 使用Mootools Javascript Framework从HTML无序列表构建的简单多级菜单。


模仿物
设计Digg标头。 有关如何构建真正类似于Digg的下拉菜单的分步教程。 [ 演示 | 资料下载

杂项
izzyMenu。 在线为您的网站创建外观专业CSS菜单,而无需编写任何代码或仅使用一些现成的代码。

PureCSS菜单。 免费CSS下拉菜单生成器

翻译自: https://www.hongkiat.com/blog/drop-down-menu-30-free-scripts-to-enhance-header-navigation/