首页 > 移动平台 > 详细

前端与移动开发项目二

时间:2018-11-22 20:32:39      阅读:168      评论:0      收藏:0      [点我收藏+]
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

前端与移动开发项目二

原文:http://blog.51cto.com/13517854/2320597

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!