有许多现成的脚本可以非常快速地实现到您的项目中,导航菜单只是可以通过jQuery增强的网站元素之一。 为了帮助您缩短开发过程,我们将与您分享10个(预制的)非常酷的jQuery Fly-out菜单插件的集合-动态菜单,该菜单出现在主菜单的左侧或右侧,紧邻所选菜单。项目。
1. jQuery和WordPress Slick Flyout菜单插件
特征:
>每页多个光滑的标签
>结合使用“位置”和“偏移”来设置滑出标签的确切位置
>设置光滑标签的文本
>切换通过外部链接打开/关闭的标签页
>选项以在页面加载时打开选项卡
源 演示
2.一个简单的jQuery飞出菜单
3.带有JQUERY和CSS3的令人敬畏的自定义弹出菜单
整版的菜单化菜单具有两个不错的功能:将鼠标悬停在菜单项上时,我们将移动一个适应于当前项目宽度的悬停状态项,然后从页面左侧滑出描述栏,指向当前菜单项。
源 演示
4. jQuery菜单:具有ARIA支持和ThemeRoller就绪的下拉菜单,iPod Drilldown和Flyout样式
默认情况下,菜单脚本会将无序链接列表转换为简单的下拉菜单。 在将“弹出”选项设置为true的情况下配置菜单时,脚本会将层次结构列表格式化为弹出。
源 演示
5. MenuMatic
取得链接的有序或无序的语义列表,并使用MooTools 1.2将其转换为动态下拉菜单系统,以增强可用性和个性。
来源+演示
6. jQuery飞出菜单
在这篇文章中,我将向您展示如何使用animate()方法创建此效果。
源 演示
7.很棒的jQuery Fly Out菜单教程
它与您通常认为的“弹出”菜单有些不同。 此示例实际上是针对网站的自定义构建,您需要在网站上实现浮华且互动的内容,但不必太灵活以容纳动态内容。
源 演示
8. Flex Level下拉菜单(v1.3)
这种灵活的菜单脚本使您可以将多级下拉菜单添加到页面上的任何链接。 Flex Level Popup Menu的近亲,每个菜单都可以在锚元素的下拉或右边(当链接是侧栏链接时有用)
来源+演示
9.垂直弹出JavaScript菜单
这个动画的JavaScript弹出菜单干净,轻巧,只有1.6kb,并且已经在所有主流浏览器中进行了测试,并且根据创用CC许可,可免费用于个人或商业项目。
源 演示
10. jQuery – Anywidth飞出
jQuery驱动的弹出菜单,该菜单使用简单的嵌套无序列表,这些列表可以嵌套任意深度,而无需更改样式或脚本。 每个子菜单将从左侧弹出,如果将鼠标悬停在任何其他父子菜单链接或子链接上,则它们将关闭。
来源+演示
From: https://www.sitepoint.com/10-cool-jquery-flyout-menu-plugins/