1. 程式人生 > >前端與移動開發項目二

前端與移動開發項目二

linear utc The bic https near sin 過渡效 tps

fullPage.js 方法
註意方法的使用時需要添加:
$.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

easeOutSine
easeInOutSine
easeInCirc
easeOutCirc
easeInOutCirc
easeInElastic
easeOutElastic
easeInOutElastic
easeInBack
easeOutBack
easeInOutBack
easeInBounce
easeOutBounce
easeInOutBounce

https://matthewlein.com/experiments/easing.html

前端與移動開發項目二