问题标签 [easing]

我一直在阅读 jQuery 网站上的缓动功能。我的预期目标是平滑提交表单时发生的 Div 调整。

JFiddle - http://jsfiddle.net/9qbfF/
沙盒- http://itsmontoya.com/work/playdeadcult/index.php
随意测试表格以查看提到的 Div 调整。请使用 test@test.com

如您所见，现在当 POST 成功时，Div 会捕捉到位置。我希望使用摇摆缓动效果来使体验更加愉快。

我正在玩实现 Easing，感觉好像我完全搞砸了。我把测试代码拿出来了，所以它是一个更干净的环境，有人可以帮助我:)。

感谢您的帮助！

我想用缓动方程模拟一个物体的椭球运动，更具体地说像一个陀螺，但我无法得到一个缓动方程来帮助我做到这一点，有人知道吗？

我正在使用 html/js，但无论是另一种语言，还是可以在这里制作一个，我会继续寻找一种方法，同时我会等待你的答案。

如何在Epione 博客模板中获得相同的 jQuery 悬停效果（缓动） ？

我已经尝试了很多方法将它放入我的博客，但我认为我在 jQuery 动画代码中是菜鸟。

如果您能在这方面帮助我，我将不胜感激。

HTML 代码

CSS 代码

jQuery 缓动插件

我在http://jsfiddle.net/GxpSQ/上发布了一个带有工作代码的代码。单击该框，它将随机播放。

基于hungred.com

我的代码基于此示例http://hungred.com/wp-content/demo/jQuery-Shuffle-effect/demo.html

问题

将我的效果与 hangred.com 进行比较。我的效果会“闪烁”，因为盒子在返回之前没有足够远。

在设置 index-z 之前，hungred.com 上的框在开放空间中熄灭。这也是我想要的。我错过了什么？

我想为 4 个属性设置动画：

顶部、宽度、不透明度和高度

现在我将它们全部设置为默认缓动和 500 的持续时间。

我想使用缓动插件将不透明度缓动设置为 easeInQuad。如果我设置动画缓动，那么所有属性都使用该缓动方法。如果我在自己的动画方法中为不透明度设置动画，它只会在第一个动画完成后动画。无论如何我可以使用这种缓动方法来实现不透明度，而其他属性使用默认值并让它们同时发生？

谢谢

我正在画布上画一个非传统的时钟。时间由秒环、秒针、分钟环和小时环表示。我正在使用 webkit/mozRequestAnimationFrame 在适当的时间进行绘制。我想修改第二个环以快速动画到下一秒（125ms - 250ms）并使用二次缓动（而不是那个可怕的快照）。

就像 Raphael JS Clock 动画它的第二个环一样，除了它使用不同的缓动：http ://raphaeljs.com/polar-clock.html

JS Fiddle 链接（必须在 Chrome、Firefox 或 Webkit Nightly 中查看）：

1. 小提琴：http: //jsfiddle.net/thecrypticace/qmwJx/

2. 全屏小提琴：http: //jsfiddle.net/thecrypticace/qmwJx/embedded/result/

任何帮助将不胜感激！

这很接近，但仍然很生涩：

我正在使用这个滚动条插件：

http://www.baijs.nl/tinyscrollbar/js/jquery.tinyscrollbar.js

我想为它添加缓动。我已经分离出我认为是计算运动的函数，即：

我将如何修改它以包括一些缓和？

到目前为止，这是我的代码：

回调函数以前可以工作，但是由于我使用缓动更改为 scrollTo 方法，所以它不再工作了！

为了清楚起见，我只需要知道如何让我的回调函数再次工作，其他一切都很好。

我希望有人可以帮助我重新创建“VH1 弹出视频”效果，其中整个气泡会缩放，最后有缓动效果。

我有一个带有一些 display:none DIV 的列表隐藏在列表的每个项目中。

我希望当用户单击每个列表项时，隐藏的 DIV 会像下面的第一个示例一样增长和反弹。第一个示例的问题在于，请求的 DIV 中的元素（在本例中为 .bubble）不会与对象的其余部分一起缩放，就像第二个示例一样

如果我这样做：
$(this).children(".bubble").show(1000, "easeOutBack");
我的气泡以很好的easeOutBack 增长，但.bubble 中的子元素不会缩放（可能有一种方法可以指定“缩放此元素及其子元素”？

如果我这样做：
$(this).children(".bubble").effect("scale", {origin:['middle','bottom'], from:{width:0,height:0}, percent: 100, direction: 'horizontal' }, 1000);
气泡及其内容可以很好地缩放，但我不知道如何添加缓动效果。

然后我尝试了这个：
$(this).children(".bubble").show('scale', { percent: 100 }, 1000, "easeOutBack" );
但仍然没有缓和。

任何帮助将非常感激。

我正在使用 Robert ( http://gsgd.co.uk/sandbox/jquery/easing/ ) 的 jQuery 缓动插件，我需要强调或拖出缓动效果。

基本上，我希望缓动效果非常快，但在缓出过程中会大大减慢。

我相信我可以做到这一点，jQuery.easing.easeOutCubic( null, current_time, start_value, end_value, total_time)但我不知道如何正确使用它。

如何做到这一点？