前端与移动开发项目二

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

猜你喜欢

转载自blog.51cto.com/13517854/2320597
今日推荐