jQuery效果——动画

Posted 2020-11-09 阿宜

jQuery动画-animate（）方法用于创建自定义动画。

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

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

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

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

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

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

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

仅作为个人笔记记录