问题标签 [easing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1458 浏览

jquery - jquery 动画数字

我正在尝试为数字值设置动画,此场景来自 actionscript 3:

我找到了这个主题,它的效果很好:

用于动画数字的 Jquery 插件

但是它没有缓动属性,这会极大地改变场景。

当值被动画化时,使用“easeOut”,它会越过顶部并返回。

这有可能达到这个效果吗?

0 投票
0 回答
112 浏览

jquery - 如何以编程方式获取 jQuery 中当前的默认缓动函数?

$.easing包含内置的缓动函数,但它似乎不包含有关哪个是当前默认值的任何信息(即,如果未明确指定缓动函数,则使用该函数)。$.speed()有一个easing属性,undefined当我运行它时。

0 投票
2 回答
1849 浏览

ios - iOS中的动画补间

我即将开始我的第一个大型 iOS 应用程序的工作,但还没有真正开始编写任何代码......所以这都是理论上的,而且我现在还处于设计阶段。 

无论如何,我知道我需要在应用程序中添加一些动画效果,所以我只是在做一些研究。在 Flash (AS3) 中,有诸如 Tweener 和 TweenLite 之类的库,它们具有大量可用的缓动选项。

我是不是疯了,或者除了四个标准选项之外真的没有其他可用的缓动选项: 

  • UIViewAnimationCurveEaseIn
  • UIViewAnimationCurveEaseOut
  • UIViewAnimationCurveEaseInOut
  • UIViewAnimationCurveEaseOut

我真的要深入挖掘核心动画来完成这个吗?或者有谁知道一些会派上用场的 3rd 方 SDK。

谢谢大家...

0 投票
1 回答
1982 浏览

jquery - jQuery Slider - 缓动效果/反转动画

我想让我的滑块有几个元素飞入然后飞出。

我的问题是飞出效果很好,但无论我做什么,我都无法让下一张幻灯片正常工作。

这是动画/幻灯片更改的 jquery:

我尝试复制活动和反转动画(同时使包含的 LI 可见并将元素推到屏幕左侧),但这些动画似乎发生在动画不应该发生的时期。

有人对我应该做什么(jQuery noob)有任何示例或想法吗?

0 投票
1 回答
7058 浏览

jquery - Jquery FlexSlider 连续移动(关闭缓动看起来像滚动代码)

我刚刚从 JQuery Cycle 转移到 FlexSlider 插件,并且真的很难让以下部分正常工作:

  1. 我在列表项中有多个图像,它们连接起来显示为一个大图像。我想关闭缓动,以便它以相同的速度不断水平滚动。

  2. 连续的默认动画会移动得很慢,但是有上一个/下一个箭头,我希望动画加速并在您单击它时转到下一个列表项,这可能吗?!

  3. 我希望滚动在悬停时暂停动画中间。如果您使用“pauseOnHover”选项,它会等到它完成滚动到下一张幻灯片才能暂停。

如果有人可以帮助我解决上述任何问题,我将不胜感激。这是我的代码

我的 HTML 基本上就是您在插件示例中看到的内容 - 我没有进行任何调整。

再一次,非常感谢任何帮助!

0 投票
1 回答
333 浏览

jquery - 带有矩形淡入的图像推子从中间扩展到边缘

我正在用 jQuery 替换自定义 Flash 动画。旧动画使用了一个像窗帘开口一样移动的蒙版:中心首先出现,图像在两侧横向淡入,中心矩形蒙版向外平滑扩展至边缘。

有没有办法在 jQuery 中做到这一点?

0 投票
2 回答
1976 浏览

javascript - 将鼠标悬停在具有缓动效果的控件上时向左/向右设置 div 动画

我正在根据这个先前的问题开发一个功能。

但是,如果滚动开始缓慢而迅速地加速会很好,但似乎不可能使用动画功能中可用的缓动,因为当用户按住下一个/上一个按钮时,它会被多次触发。

任何人都知道如何实现这一目标?

谢谢 :)

现在使用 JSFiddle:http: //jsfiddle.net/4YJPG/4/

其他相关问题,如果时间轴 div 可以在宽度可变的新项目添加到右侧时动态更新宽度,那么确保滚动到达任一端后可靠停止的最佳方法是什么?

更新:带有代码的 JSFiddle 停止时间轴 div 滚动到末端(希望具有动态宽度):http: //jsfiddle.net/eFFKU/4/

0 投票
0 回答
147 浏览

firefox - 我的页面在 Firefox 中的显示方式与在 safari 中的显示方式不同

我正在为客户开发一个微型网站,一切正常,除了当我尝试在 Firefox 上查看它时,我对放置错误的东西的样子感到惊讶..即使我在 Firefox 中禁用了水平滚动仍然可以做到(看不到水平滚动,但如果你水平滚动它会显示),即使 webfont 也不同,尽管 webfont 在其他页面的 firefox 上完美显示..第三个问题是页面上边距,在页面属性我将边距指定为 0,并且在 safari 中它有效,但在 Firefox 中它没有。谁能告诉我该怎么做..我只有一个简单的菜单栏和缓动(animate2id)插件,这可能会导致问题吗?在 Safari 中,它看起来是我想要的样子..提前谢谢..也许我应该提到我'

这是以防万一的代码..

0 投票
2 回答
6455 浏览

jquery - 如何在 jquery .css 函数上添加缓动效果?

使用 .CSS 函数时,如何将 Jquery 缓动效果添加到 jquery 脚本中?例如,在另一行中,我使它工作,但我不能使它与 .CSS 一起工作,我正在使用jquery easing 库

我如何在这个 .css 脚本上实现它?

0 投票
2 回答
11682 浏览

jquery - 如何将 css3 过渡缓动转换为 jquery 缓动功能?

我也为现代浏览器和旧浏览器制作了一个滑块。我使用 translate3d 和 transition 在支持 css3 的现代浏览器中制作动画。我为旧浏览器使用 2d 顶部、左侧和缓动功能。我从这里使用 css3 缓动:

http://matthewlein.com/ceaser/

我想将其转换为 javascript 函数以便在旧浏览器上使用。我知道那里有很多缓动函数,但我只想知道如何转换。是否可以?