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

fullpage.js的easing参数怎样配置自定义动画

时间:2018-02-02 23:23:54      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:selector   技术   tag   译文   script   wan   and   select   case   

首先看非官方文档

技术分享图片

并没有详细的说明怎样去使用easing.js,所以我加的运动属性根本就不起作用,

再看,官方文档

Optionally, when using css3:false, you can add the jQuery UI library in case you want to use other easing effects apart from the ones included in the jQuery library (linear and swing ) or the one included by default in fullPage.js (easeInOutCubic).

译文:可选地,当使用时css3:false,您可以添加jQuery UI库,以防您希望使用除jQuery库(linear和swing)中包含的其他缓动效果或默认情况下在fullPage.js(easeInOutCubic)中包含的其他效果)。

因此只需像下面这样就好了

1.引入fullPage.js插件的css样式

<link rel="stylesheet" href="css/jquery.fullPage.css">

2.引入jQuery文件,fullPage.js,运动函数easing

<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>

3.重点是

<script>
    $(‘.main‘).fullpage({
        css3:false,//需要把这个值设置为false
        easing:‘easeOutBounce‘//之后你就可以随意选择easing.js里面的动画效果名称了
    })
</script>

 

fullpage.js的easing参数怎样配置自定义动画

标签:selector   技术   tag   译文   script   wan   and   select   case   

原文地址:https://www.cnblogs.com/libijun96/p/8407128.html

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