jQuery效果——动画

jQuery动画-animate()方法用于创建自定义动画。

语法:$(选择元素).animate(参数一{定义形成动画的css属性},参数二 规定效果时长,取值为slow fast或毫秒。参数三 动画完成后所执行的函数名称)。

默认情况下所有HTML元素都有一个静态位置且无法移动,如需对位置进行操作,首先设置元素cssposition属性

生成动画过程中可使用多个属性,几乎可以操作所有的css属性,使用animate()时,必须使用camel标记法书写所有的属性名,即驼峰式写法,色彩动画不包含在核心jQuery库中。

也可以定义相对值:该值相对于元素的当前值,需要在值前面加上加等或减等。

也可以把属性动画的值设置为预定义的值,show,hide或toggle

使用队列功能意味着如果在彼此之后编写多个animate()调用,jQuery会创建包含这些方法调用的内部队列,然后逐一运行这些animate调用

stop()方法用于停止动画或效果,在完成之前,适用于所有jQuery效果函数。支持传入两个参数,第一个规定是否应该清除动画列表,第二个规定是否立即完成当前动画,默认都是false。

仅作为个人笔记记录

猜你喜欢

转载自www.cnblogs.com/yi-515/p/9104975.html