前端與移動開發項目二
阿新 • • 發佈:2018-11-22
linear utc The bic https near sin 過渡效 tps fullPage.js 方法
註意方法的使用時需要添加:
$.fn.fullpage 比如
回調函數
jQuery Easing.js 插件
介紹:easing是jquery的一個插件,使用它可以創建更加絢麗的動畫效果。
環境:因為easing是jQuery的插件,所以必須是在引入jquery之後再引入它
如果只想要簡單的寫法就用
easeOutSine
easeInOutSine
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
註意方法的使用時需要添加:
$.fn.fullpage 比如
回調函數
jQuery Easing.js 插件
介紹:easing是jquery的一個插件,使用它可以創建更加絢麗的動畫效果。
環境:因為easing是jQuery的插件,所以必須是在引入jquery之後再引入它
如果只想要簡單的寫法就用
$(".car").animate({"left": "150%"}, 4000, "easeInElastic", function() {});
easing:格式為json,{duration:持續時間,easing:過渡效果,complete:成功後的回調函數}
$(element).animate({
height:500,
width:600
},{
easing: ‘easeInOutQuad‘,
duration: 500,
complete: function(){}
});
linear
swing
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInExpo
easeOutExpo
easeInOutExpo
easeInSine
easeInOutSine
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce
https://matthewlein.com/experiments/easing.html
前端與移動開發項目二