下拉菜单 (也称为下拉菜单)在大多数网页设计中都是必不可少的。 它在创建有效且用户友好的网站中起着重要作用。 这是一个很好的解决方案,可以减少占用屏幕空间的长菜单,使它们以更有条理的category-subcategory模式显示。

在本文中,我们想向您展示一些我们知道的最好的下拉菜单脚本 这些下拉菜单仅适用于CSSCSS和Javascript,以及与您当前的Javascript库(如jQueryMooToolsPrototype)兼容的菜单。 跳转后的完整列表。

以下是我们认为您可能感兴趣的一些相关文章:

CSS(仅)

如果您担心客户端的浏览器上禁用Javascript,这些仅css下拉菜单不会使您失望。

CSS下拉菜单框架。 标题说明了一切。 它是一个框架,根据GNU通用公共许可证发布。 与跨浏览器兼容,轻巧易用,可模仿许多现有的下拉菜单。 例如Flickr,Adobe和MTV.com。

下拉菜单:30多种有用的脚本可增强标题导航

仅限Ultimate CSS下拉菜单

下拉菜单:30多种有用的脚本可增强标题导航

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

下拉菜单:30多种有用的脚本可增强标题导航

CSS + Javascripts

借助Javascript,下拉菜单更具交互性,或者至少它们获得了一些微妙的动画,可增强用户体验。 另一方面,请确保CSS外观易于定制。

所有级别的导航菜单(v2.2)。 基于CSS / HTML列表的菜单,支持无限级别的子菜单。 它轻巧且易于实现。

下拉菜单:30多种有用的脚本可增强标题导航

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

下拉菜单:30多种有用的脚本可增强标题导航

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

下拉菜单:30多种有用的脚本可增强标题导航

jQuery的

如果您已经在网站上实现了jQuery Javascript Library,那么您应该了解一些非常酷的基于jQuery的下拉菜单。

流畅的导航菜单。 平滑导航菜单是基于jQuery的基于CSS列表的多级菜单,可让网站导航变得顺畅。 这是另一个类似的-jQuery Multi Level CSS Menu

下拉菜单:30多种有用的脚本可增强标题导航

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

下拉菜单:30多种有用的脚本可增强标题导航

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

下拉菜单:30多种有用的脚本可增强标题导航

Moo工具

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

下拉菜单:30多种有用的脚本可增强标题导航

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

下拉菜单:30多种有用的脚本可增强标题导航

简洁的Mootool下拉菜单

下拉菜单:30多种有用的脚本可增强标题导航

模仿物

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

下拉菜单:30多种有用的脚本可增强标题导航

杂项

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

下拉菜单:30多种有用的脚本可增强标题导航

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

下拉菜单:30多种有用的脚本可增强标题导航

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

相关文章:

  • 2021-11-18
  • 2021-11-19
  • 2021-10-24
  • 2022-01-01
  • 2022-12-23
  • 2022-01-06
  • 2022-02-13
猜你喜欢
  • 2022-12-23
  • 2021-09-27
  • 2021-10-01
  • 2021-10-10
  • 2021-05-18
  • 2021-10-12
  • 2022-12-23
相关资源
相似解决方案