码迷,mamicode.com
首页 > 移动开发 > 详细

前端与移动开发项目二

时间:2018-11-22 20:47:42      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:一个   page   shadow   mat   The   seo   技术分享   持续时间   函数   

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

前端与移动开发项目二

标签:一个   page   shadow   mat   The   seo   技术分享   持续时间   函数   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!