1

我无法让 CSS 过渡（将 div 缩放到原始大小的 1.05）与下面页面上的 jQuery 动画一起很好地播放：

http://www.griffinlive.com/video-packages

当您将鼠标悬停在其中一个彩色 div 上时，您可以看到 CSS 转换的实际效果，单击“向我们发送电子邮件”按钮会触发动画，但动画会被缩短。

我已经确认删除 CSS 动画可以让 jQuery 动画正确显示。

我已经确定了两种行动方案：

  • 从我的样式表中删除 CSS 转换并使用 jQuery 重新创建效果。
  • 当用户单击将触发动画的链接时，删除 CSS 变换。

我认为第一个选项是两者中更好的一个，因为它允许动画在被带走之前将自身重置为零。但我愿意接受更好的想法，因此在这里发布这个小问题。

提前感谢您提供的任何帮助。

4

1 回答 1

1

我也会选择第一个选项。

我会为没有像这样点击的动画制作动画，并让它们以令人眼花缭乱的方式消失（我个人喜欢 opacity 0 effect aka .fadeOut()- 它允许我通过 jQuery 使用不可见但不透明的元素）。

$('#prices>div').not($clicked).animate({...});

然后，我会使用类似以下代码的内容为单击的元素设置动画以转到左侧：

$('#prices>div').is($clicked).animate({'left':'0'});

那么我想你会希望邮件表格出现在右侧吗？我会淡化它。

我应该注意，我没有测试任何这些代码，只是从头顶写来说明我的意思。我希望这有帮助。

于 2012-05-20T02:31:54.077 回答