jQuery自定义动画

tech2025-03-03  13

操作属性

在使用自定义动画时,可以使用方法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) })
最新回复(0)