使用一系列动画切换菜单

文章/答案/技术大牛

发布

1回答

jquery、css、animation、menu

很明显，我要编写一个通过单击出现的覆盖菜单。问题是，它不只是一个简单的彩色叠加在屏幕上。相反，在布局元素上会发生某些淡出动画，然后菜单就会出现。通过再次单击同一按钮，菜单消失，然后元素一个接一个地淡入。我设法实现了这一点，直到在两种状态之间切换。如何在这两种状态之间切换？

浏览 1提问于2017-03-04得票数 1

回答已采纳

1回答

角2:切换子菜单(类似于jQuery slideToggle)

angular

当单击链接时，我试图在列表中切换一个子菜单。> </ul></ul> 如您所见，我在最后两个li标签中有两个子菜单我能够使用slideToggle动画创建Angular2动画，但是我很难正确地实现它。动画</e

浏览 3提问于2017-02-26得票数 3

回答已采纳

1回答

我试图将一个动画和一个函数链接在一起，这样当用户点击一个按钮时，动画就会播放，当它完成时，就会执行一个函数。特别是，我想要做的是允许用户将菜单按在适当的位置，或将其解锁，这样它就可以与它们一起在页面上浮动。我控制菜单是固定的还是不固定的，当他们点击按钮时，我会按下类的“固定”键。我想要一个动画播放，以使过渡平稳(就像菜单淡出或滑到它的新位置)，然后切换类。不幸的是，在动画完成之前，类正在切换，使菜单在两者之间<em

浏览 3提问于2013-08-16得票数 0

回答已采纳

1回答

重新加载动画(切换菜单)

javascript、html

当用户单击切换按钮时，菜单会出现(带有动画)或消失。就这样办。但是我想做更多的事情，当用户点击这个菜单的一个链接时，菜单就被隐藏了。我的问题是，当用户再次单击切换按钮之后，动画就不能工作，所以菜单就不会出现。当加载页面时，它只工作一次。我希望动画运行每次我们点击这个按钮，无论是通过关闭菜单通过切换按钮或其中一个链接。当菜单关闭时，我尝试删除动画。link.addE

浏览 6提问于2020-06-11得票数 1

回答已采纳

2回答

切换菜单的Jquery帮助

jquery

我创建了一个按钮，我想要做的是当我悬停它时，一个带有动画的菜单切换出来。但当我将光标移动到菜单上时，菜单会切换回来，因为它现在显示光标不再悬停在按钮上。我尝试使用"e.preventDefault();"，它会停止菜单切换，但所有动画似乎都被取消了。

浏览 1提问于2011-08-19得票数 0

2回答

CSS关键帧-切换回原点

css、css-animations

我正在切换一系列动画/转换，这些动画/转换是通过toggleClass和JQuery触发的。其中一个动画使用以下内容： transition: all .3s ease-in-out animation: movementanimation-delay: .3s;} 100% { to

浏览 4提问于2015-04-10得票数 2

回答已采纳

1回答

切换左侧动画而不添加显示:无

jquery、animation、toggle

我正在尝试创建一个动画滑动导航菜单，其中的子菜单使用'left‘属性的动画切换滑出。我已经成功地让left属性在初始设置-360px和0属性之间切换，但是当left属性切换为0时，它还会添加display:none。我想应该有一个相当简单的解决方案，但到目前为止我还没有找到。

浏览 0提问于2011-05-20得票数 0

回答已采纳

2回答

在调整页面大小时禁用CSS动画

javascript、html、css

我有一个在复选框被选中时发生的精灵动画(使用:checked伪--所以实际上是'if‘复选框被选中)。我有一个640px的断点，它隐藏了复选框。我尝试使用带有超时的调整大小事件侦听器来停止动画，但是一旦用户停止调整页面大小，动画就会播放。我正在尝试制作两个菜单，一个用于移动布局，另一个用于桌面。对于移动布局，我希望菜单是可切换的，并且在切换时动画只出现一次。如果我不得不猜测发生了什么:如果菜单</e

浏览 20提问于2020-07-03得票数 1

回答已采纳

1回答

将父元素设置为溢出隐藏，以切断动画，但保持显示子元素

javascript、html、jquery、css

我有两个菜单，您可以使用开关在它们之间切换。每个菜单项都有一个下拉列表，当您单击某个菜单项时会显示该下拉列表。问题是，当单击开关时，会显示两个菜单之间的过渡动画(滑入和滑出)。我希望将滑动动画仅保留在菜单元素中，因此我使用overflow-y: hidden;来实现这一点。然而，这也切断了我的下拉菜单，因为它们是拥有overflow: hidden的父级的子级。我在这里做了一个codepen来说明

浏览 73提问于2020-12-10得票数 0

回答已采纳

1回答

暂时不允许JQuery切换

jquery

当用户选择链接时，我有一个菜单是切换的。该菜单有不同的显示和隐藏动画附加，我想防止切换时，动画运行。下面的代码片段可以工作，但如果快速单击链接两次(即如果用户快速单击链接两次，下一次单击将触发相同的操作)，则切换切换的状态：<div idis(":animated")) return fa

浏览 3提问于2010-06-10得票数 1

回答已采纳

1回答

MacOS: NSMenuItem快捷键键入或鼠标按下之间的标识

swift、macos、cocoa、uikit、nsmenuitem

它在菜单中包括NSMenuItems，就像普通的Mac应用程序一样。现在的问题是如果我使用鼠标从菜单中选择一个动作，Spritekit游戏将立即开始执行，随后的一些动画将被遗漏。如果我使用键盘快捷键选择相同的动作，游戏就会立即开始执行，但是不会错过任何动画，因为从菜单动画到游戏动画的切换是没有延迟的。是否有办法识别菜单项发送的IBAction是由键盘等效的还是由鼠标触发的？我想添加一个开始延迟

浏览 9提问于2017-12-20得票数 1

回答已采纳

2回答

jquery菜单动画关闭/打开

javascript、jquery、html、menu

我试图实现动画在开放和关闭，但没有动画切换之间的菜单。在菜单之间切换=不动我有上面所有的-，除了接近动画.有人有什么建议可以帮我走出这个洞吗？(若要关闭菜单，请在第一个或第二个菜单链接上单击两次，一次打开，一次关闭)我的jQuery $('.pack__button--each').each(func

浏览 1提问于2016-06-03得票数 2

回答已采纳

1回答

Javascript角度上的高度切换动画

javascript、angularjs、css-animations、ng-animate

我在我的角度应用程序中定义了以下动画，用于切换元素的高度/不透明度。 }

浏览 2提问于2016-02-01得票数 0

回答已采纳

1回答

如何防止动画在最初渲染？

javascript、css、reactjs

菜单组件的初始状态是false，所以当我加载站点时，退出动画就会触发。我试图在初始渲染时不播放退出动画，只有当用户单击离开菜单时，我才试图触发动画。`menuEnter` : 'menuExit'}`} id='menu'> 我试图摆脱退出动画，因为它没有意义，发挥退出动画的初始渲染。

浏览 4提问于2020-08-29得票数 4

回答已采纳

2回答

充当幻灯片的jQuery插件的名称是什么

jquery、plugins、slideshow

我想在我的网站上展示我的员工，我想用jQuery做幻灯片或类似的演示。我完全忘记了几个月前找到的插件的名字谢谢

浏览 0提问于2010-07-03得票数 0

回答已采纳

1回答

放下3D滑动动画的div？

jquery、css

任何人都知道创建菜单的技巧，比如上的菜单谢谢

浏览 0提问于2015-08-06得票数 0

回答已采纳

1回答

在屏幕更改时重置移动切换按钮条件

javascript、jquery、html、css

我有一个移动汉堡包菜单，动画‘开放’和‘关闭’通过css。如果屏幕大于768 is，则显示移动菜单display:none和全屏菜单。function(){ $(this).toggleClass('open');}); 但是，如果我打开移动菜单并将屏幕大小更改为>768 in菜单display:none (我将其重置为隐藏)，但切换

浏览 2提问于2017-06-01得票数 0

回答已采纳

1回答

修改动画jQuery菜单

jquery、animation、menu

我正在使用此方法在我的网站上创建动画菜单/背景图像：它很容易使用，但我的问题是，我希望在网站上有多个页面，并需要弄清楚如何修改主页上的菜单，以便每个li只链接到一个新页面，而不是触发子菜单和新的背景图像我不知道如何删除子菜单动画和背景图像切换，同时保留幻灯片的滑入/滑出，在初始背景图像上淡入，而不完全破坏代码。

浏览 2提问于2011-05-31得票数 0

1回答

菜单切换不同的动画在每一秒点击？

javascript、jquery、html、css、animation

我创造了一把小提琴 });现在的问题是，当我再次点击，自然，同样的事情会发生，面包屑将切换和菜单将淡出只是我想先让菜单淡出，然后让菜单切换进来。我怎么能做到这一点呢？animate被用于css操作，我试着用css转换和延迟来做所有事情，但是无法实现像这里这样的好结果，我喜欢面包屑具有

浏览 4提问于2015-02-04得票数 0

回答已采纳

1回答

如何将Bootstrap 4滑动下拉菜单重新设置为动画？

javascript、animation、navbar、sliding

我是新来的，所以我希望我能尽可能清楚我的问题:-) CustomJQ('.dropdown').on('show.bs.collapse', f

浏览 7提问于2020-05-27得票数 0

点击加载更多