javascript - 多个DIV的翻转动画

标签 javascript jquery html css jquery-plugins

我有一个奇怪的问题,它看起来很简单,但我找不到解决方案。

我有 3 divs由 drupal->views 和每个 div 生成底部有一个按钮,我需要翻转 div单击按钮。基本上,如果当前显示 div #1 并且按下第二个按钮 div显示为翻转效果,与第三个相同div .

安排如下:

<div class="views-row views-row-1 views-row-odd views-row-first"> <div id="careers_excerpt_88" class="careers_excerpt"> <div id="careers_description_88" class="careers_description"> <div id="careers_form_88" class="careers_form"> </div>

且内容在以上三者之内divs .

现在的问题是我可以显示和隐藏这些divs但翻转不起作用。我已经尝试过很多 JavaScript 插件,有些可以为两个人工作 divs .

在这个问题上我只是需要帮助(或者可能建议我一些好的插件)。

最佳答案

查看 this tutorial .

不需要 JS 库。

只需使用 CSS,不要忘记在正确的元素上正确设置这些属性:transform-styletransitionperspective , backface-visibilitytransform.

当心 vendor 前缀!

还有 Internet Explorer。 [你可以找到一些技巧。][3]

关于javascript - 多个DIV的翻转动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23737943/

相关文章:

javascript - 如何引用字符串数组中的字符串?

javascript - 我可以在 jquery 中使用带有 .submit 的回调吗

javascript - 向每个列表项添加当前状态

Python - 使用 HTML 包围给定列表中存在于另一个字符串中的字符串实例

javascript - jQuery UI - 动态设置可调整大小元素的 minHeight

javascript - 有没有办法简化这个 javascript if 语句?

javascript - 页面重新加载时持久化 DOM 对象

javascript - 使用正则表达式替换开始和结束 HTML 标签

php - 代码点火器问题

html - 在 img src 之前加载字体