在jQuery中添加更多的动画操作效果示例

在jQuery中添加更多的动画操作效果示例
复制代码代码如下所示:
动画
JQuery.extend({
宽松:
返回
BackEaseIn:功能(P,N,firstnum,diff){
var c = firstnum +差异;
var = 1.70158;可以调整默认超调值以适应
返回C *(P / = 1)*(P(S + 1)* P S + firstnum);
},
backeaseout:功能(P,N,firstnum,diff){
var c = firstnum +差异;
var = 1.70158;可以调整默认超调值以适应
返回C *((P = P / P(1-1)* *(+ 1)* P + S)+ 1)+ firstnum;
},
backeaseinout:功能(P,N,firstnum,diff){
var c = firstnum +差异;
var = 1.70158;可以调整默认超调值以适应
如果((p = 0.5)< 1)
回归/ C(2×p×p×(((* = S(1.525))+ 1)* P S + firstnum));
其他的
返回*(C/2(P = 2)(P(*(* = S(1.525))+ 1)+ 2 * P + S + firstnum));
},
***
BounceEaseIn:功能(P,N,firstnum,diff){

var c = firstnum +差异;
var = this.bounceeaseout inv(1 - P,1, 0,差异);
返回C + firstnum INV;
},
BounceEaseOut:功能(P,N,firstnum,diff){
var c = firstnum +差异;

如果(p <(1 2.75)){
返回C(7.5625×P×P)+ firstnum;
}
否则如果(p <(2 2.75)){
返回C *(7.5625 *(P =(1.5 / 2.75))* + 75 + firstnum);
}
否则如果(p <(2.5 2.75)){
返回C *(7.5625 *(P =(2.25 / 2.75))* + 9375 + firstnum);
}
{其他
返回C *(7.5625 *(P =(2.625 / 2.75))* + 984375 + firstnum);
}
},
***
circeasein:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回C *(math.sqrt(1(P = 1 /)* P)- 1)+ firstnum;
},
circeaseout:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回math.sqrt C *(1 -((P = P / 1-1)×P)+ firstnum;
},
circeaseinout:功能(P,N,firstnum,diff){
var c = firstnum +差异;
如果((p = 0.5)< 1)
返回C / 2 *(math.sqrt(1 - p×p)- 1)+ firstnum;
其他的
返回C(math.sqrt / 2 *(1 -(P = 2)×P)+ 1)+ firstnum;
},
***
CubicEaseIn:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回C *(P / = 1)×p×p + firstnum;
},
cubiceaseout:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回C *((P = P / 1-1)×p×p + 1)+ firstnum;
},
cubiceaseinout:功能(P,N,firstnum,diff){
var c = firstnum +差异;
如果((p = 0.5)< 1)
返回C / 2×p×p×p + firstnum;
其他的
返回*(C/2(P = 2)×p×p + firstnum + 2);
},
***
ElasticEaseIn:功能(P,N,firstnum,diff){
var c = firstnum +差异;
如果(P = 0)返回firstnum;
如果(p=1)返回c;
无功期= 0.25;
VaR的;
var振幅= C;
如果(振幅<Math.abs(C)){
振幅= C;
S =期 / 4;
}
{其他
S =期 /(2×数学。PI)* Math.asin(C /幅);
}
返回(振幅(2 * 10 * Math.pow(P = 1)(数学。罪)*(P×1)×(2×数学。PI)/期+ firstnum));
},
elasticeaseout:功能(P,N,firstnum,diff){
var c = firstnum +差异;
如果(P = 0)返回firstnum;
如果(p=1)返回c;
无功期= 0.25;
VaR的;
var振幅= C;
如果(振幅<Math.abs(C)){
振幅= C;
S =期 / 4;
}
{其他
S =期 /(2×数学。PI)* Math.asin(C /幅);
}
返回(幅度×Math.pow(2 - 10×P)* Math.sin((P * 1 - s)*(2 *数学。PI)/期))+ C;
},
***
expoeasein:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回(P = = 0)firstnum:C(2 * 10 * Math.pow(P - 1))+ firstnum C * 0.001;
},
expoeaseout:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回(P = = 1)C:diff(-math.pow(×1.001×2,10×P)+ 1)+ firstnum;
},
expoeaseinout:功能(P,N,firstnum,diff){
var c = firstnum +差异;
如果(P = 0)返回firstnum;
如果(p=1)返回c;
如果((p = 0.5)< 1)
返回C / 2 *(2, 10 * Math.pow(P - 1))+ firstnum C * 0.0005;
其他的
返回C / 2×1.0005×(-math.pow(2,- 10 * - P)+ 2)+ firstnum;
},
***
QuadEaseIn:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回(C P P + firstnum / = 1);
},
quadeaseout:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回C *(P / = 1)×(P - 2)+ firstnum;
},
quadeaseinout:功能(P,N,firstnum,diff){
var c = firstnum +差异;
如果((p = 0.5)< 1)
返回C / 2×p×p + firstnum;
其他的
返回C / 2 *((P)×(P - 2)- 1)+ firstnum;
},
***
QuartEaseIn:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回C *(P / = 1)×p×p×p + firstnum;
},
QuartEaseOut:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回C *((P = P / 1-1)×p×p×p - 1)+ firstnum;
},
QuartEaseInOut:功能(P,N,firstnum,diff){
var c = firstnum +差异;
如果((p = 0.5)< 1)
返回C / 2×p×p×p×p + firstnum;
其他的
返回*(C / 2(P = 2)×p×p×p + firstnum - 2);
},
* * * * * * * / /昆特
QuintEaseIn:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回C *(P / = 1)×p×p×p×p + firstnum;
},
QuintEaseOut:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回C *((P = P / 1-1)×p×p×p×p + 1)+ firstnum;
},
QuintEaseInOut:功能(P,N,firstnum,diff){
var c = firstnum +差异;
如果((p = 0.5)< 1)
返回C / 2×p×p×p×p×p + firstnum;
其他的
返回*(C/2(P = 2)×p×p×p×p + firstnum + 2);
},
***
SineEaseIn:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回C * math.cos(P *(math.pi / 2))+ C + firstnum;
},
SineEaseOut:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回C * Math.sin(P *(math.pi / 2))+ firstnum;
},
SineEaseInOut:功能(P,N,firstnum,diff){
var c = firstnum +差异;
返回C / 2 *(math.cos(math.pi * P)- 1)+ firstnum;
}
}
});

呼叫:
复制代码代码如下所示:
$(# div)。动画({
左:V
},1000,circeaseout );
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部