操作属性
在使用自定义动画时,可以使用方法animate。其中animate可以有三个参数,也可以有四个参数当animate使用三个参数时,第一个参数为对象类型,代表要元素要进行的变化,第二个参数为动画执行的时间,第三个参数为回调函数,动画执行完毕之后进行的操作当使用四个参数时,其余三个参数都没有变化,第四个参数需要添加在动画执行时间的参数后面。该参数的作用是控制动画执行的速度,有两个值——linear和swing。linear代表匀速,而swing代表先加速后减速。默认为swing
$("button").eq(0).click(function () {
$(".one").animate({
marginLeft
: 500
}, 3000, function () {
alert("自定义事件完毕")
})
$(".two").animate({
marginLeft
: 500
}, 3000, "linear")
})
累加属性
当使用累加属性时,使用“+=”来实现,可以实现在原属性的基础上添加
$("button").eq(1).click(function () {
$(".one").animate({
width
: "+=300"
}, 3000)
})
关键字
在修改样式时,也可以使用关键字,像是hide或者toggle等属性
$("button").eq(2).click(function () {
$(".one").animate({
width
: "toggle"
}, 3000)
})