一个用来控制动画过程的速度的参数,这就是缓动(easing),它确定了动画过程不同时刻的速度
jQuery效果函数(slideUp()、fadeIn()等)和animation()函数都接收另一个用来控制动画过程的速度的参数,这就是缓动(easing),它确定了动画过程不同时刻的速度。例如,将一个元素移过页面的时候,可能让这个元素地开始移动,然后变得很快,最后随着动画的完成再次慢下来。给动画添加缓动,使得动画在视觉上更有趣且更有动态感。

jQuery只包含了两个缓动方法:swing和linear。linear方法提供了一个稳定的动画,以使得动画的每个步骤都是相同的(例如,如果要让一个元素以逐渐变化的方式穿过屏幕,每一步的距离和前一步都是相同的)。swing要更加动态一些,随着动画的开始变得更加快一些,然后再慢下来。swing是一个常用设置,因此,如果没有指定任何缓动,jQuery会使用swing方法。

对于任何jQuery效果来说,缓动方法是其第二个参数,因此,要使用linear方法将一个元素视线,可以这样编写代码:
 
$('#element'). slideUp(1000,'linear');

当使用animate()函数的时候,缓动方法是第三个参数,第一个参数是一个对象直接量,包含了我们想要实现动画的CSS属性;第二个参数是动画的整体速度。例如,要对动画代码使用linear缓动方法,可以像下面这样编写代码:
 
$('#message').animate(
{
left:'650px',
opacity:.5,
fontSize:'24px'
},
1500,
'linear'
);

然而,并不仅限于使用jQuery所提供的两个缓动方法。使用jQuery插件可以添加一系列的其他的缓动方法。
最新资讯
微信小商店节前开放支持小商店推广、抢购、下单改价等功能

微信小商店节前开放支

为了进一步满足企业和个人全场景经营的需求,小商店将逐
搜狗宣布签订最终私有化协议:搜狗盘前涨2.54% 搜狐涨16.41%

搜狗宣布签订最终私有

搜狗宣布签订最终私有化协议,受此消息影响,搜狗盘前涨2.
谷歌再次妥协:希望欧盟尽早批准收购Fitbit交易

谷歌再次妥协:希望欧盟

欧盟委员会今日公布的一份文件显示,谷歌第二次向欧盟作
搜狗宣布签订最终私有化协议 预计交易将在2020年第四季度完成

搜狗宣布签订最终私有

搜狗发布公告称,已就私有化交易达成最终协议。预计该笔
马云:你今天不变革 十年后一定是数字脱贫的对象

马云:你今天不变革 十

在2020中国绿公司年会上,中国企业家俱乐部主席、阿里巴
马云:经济重生不是为了回到以前 而是到达更高水平

马云:经济重生不是为了

在2020中国绿公司年会上,中国企业家俱乐部主席、阿里巴
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,