黑马程序员技术交流社区

标题: 【郑州校区】前端与移动开发项目二 [打印本页]

---

作者: 谷粒姐姐    时间: 2018-11-22 16:06
标题: 【郑州校区】前端与移动开发项目二
fullPage.js 方法

注意方法的使用时需要添加：

$.fn.fullpage   比如

回调函数
jQuery Easing.js 插件

介绍：easing是jquery的一个插件，使用它可以创建更加绚丽的动画效果。

环境：因为easing是jQuery的插件，所以必须是在引入jquery之后再引入它

如果只想要简单的写法就用

[AppleScript] 纯文本查看 复制代码

$(".car").animate({"left": "150%"},  4000, "easeInElastic", function() {});

[AppleScript] 纯文本查看 复制代码

easing:格式为json,{duration:持续时间,easing:过渡效果,complete:成功后的回调函数}

[AppleScript] 纯文本查看 复制代码

$(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://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2