jQuery z-index 和动画问题

发布于 2024-10-18 16:44:18 字数 317 浏览 2 评论 0原文

我有一些代码可以在单击时为我的图像添加动画效果,然后为其添加 z 索引。

我现在需要的是,当我单击关闭按钮时,我需要它以动画方式返回到原始状态,然后将 z-index 更改回原来的状态。

目前它会更改 z-index 然后进行动画处理,因此看起来有点奇怪

这是一个示例

是否可能做什么?

我尝试在 z-index 更改之前添加一个延迟,但它仍然不起作用

有什么想法吗?

I've got some code which animates my images on click and then adds a z-index to it.

What I need now is to when I click the close button I need it to animate back to its original state and then change the z-index back to how it was.

Currently it changes the z-index and then animates so it looks a bit strange

Here's an example

Is it possible to do?

I've tried putting a delay before the z-index change but it still doesn't work

Any ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

空城仅有旧梦在 2024-10-25 16:44:19

http://jsfiddle.net/hD72c/3/

我只是把css替换掉原来的< code>z-index 在回调函数中(而不是使用延迟,因为 .css() 不会添加到动画队列,它会立即执行)

http://jsfiddle.net/hD72c/3/

I just put the css to replace the original z-index in a callback function (instead of using a delay, since .css() doesn't add to the animation queue, it executes immediately)

你怎么敢 2024-10-25 16:44:18

http://jsfiddle.net/hD72c/1/ 已更新并修复

您所需要做的就是更改到 z-index: 1 作为动画结束时的回调,而不是在单击关闭时立即更改它

http://jsfiddle.net/hD72c/1/ updated and fixed

All you need to do is change to z-index: 1 as a callback at the end of the animation rather then changing it straight away when close is clicked

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文