1. 程式人生 > >前端與移動開發專案二

前端與移動開發專案二

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