Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何使用';easeOutBack';使用Velocity.js进行轻松操作_Jquery_Velocity.js - Fatal编程技术网

Jquery 如何使用';easeOutBack';使用Velocity.js进行轻松操作

Jquery 如何使用';easeOutBack';使用Velocity.js进行轻松操作,jquery,velocity.js,Jquery,Velocity.js,我正在使用动画在我的网站上的元素。除了easeautback,我几乎可以使用任何其他的放松方法。我想我读到了,除了“反弹”效果,所有的东西都包含在库中 我还将jqueryui包括在我的项目中,作为最后的努力,看看这是否有帮助。不走运 以下是我正在使用的: $('element').mouseenter(function (event) { $(this).find('h2').velocity({ 'top': 20 }, { 'duration'

我正在使用动画在我的网站上的元素。除了
easeautback
,我几乎可以使用任何其他的放松方法。我想我读到了,除了“反弹”效果,所有的东西都包含在库中

我还将jqueryui包括在我的项目中,作为最后的努力,看看这是否有帮助。不走运

以下是我正在使用的:

$('element').mouseenter(function (event) {
    $(this).find('h2').velocity({
        'top': 20
    }, {
        'duration': 300,
        'easing': 'easeOutBack'
    });
或者,在这种情况下,我需要使用2个velocity调用手动创建该效果。一个使元素的位置超过20,然后另一个返回到20?

中所述:

预先打包到Velocity中的是jQueryUI的easings,但back、bounce和弹性宽松类型除外

因此,不幸的是,您将不会有任何运气与
easeautback
easing


然而,由于它是一个简单的预定义立方贝塞尔,您可以简单地使用它的值来生成效果,使用:
[0.175,0.885,0.32,1.275]
作为
缓和
选项的值。

除了back
=
easeOutBack
Duh。(现在)很明显,谢谢你。:)