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。(现在)很明显,谢谢你。:)