1. animate用于创建自定义动画的函数。
2. 对象中每个属性都表示一个可以变化的样式属性(如“height”、“top”或“opacity”)。
3. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属性就会从当前的值渐变到指定的值。
4. animate(动画属性,[速率],[缓解],[在动画完成时执行的函数,每个元素执行一次。])
5. 现在用这个对象来制作一个小案例
6. 引入jQuery插件,写个div标签,button标签,设置id名
、
7. 然后设置动画效果了
$(‘按钮标签’).事件对象(fnction(){
$(‘你要设置动画效果的标签’).animate({动画属性},速率)
})
8. 在1000毫秒内切换段落的高度和透明度
9. 让指定元素左右移动
小结:animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。
只有数字值可创建动画(比如 "margin:30px")。
字符串值无法创建动画(比如 "background-color:red")。
注释:使用 "+=" 或 "-=" 来创建相对动画(relative animations)。
2. 对象中每个属性都表示一个可以变化的样式属性(如“height”、“top”或“opacity”)。
3. 而每个属性的值表示这个样式属性到多少时动画结束。如果是一个数值,样式属性就会从当前的值渐变到指定的值。
4. animate(动画属性,[速率],[缓解],[在动画完成时执行的函数,每个元素执行一次。])
5. 现在用这个对象来制作一个小案例
6. 引入jQuery插件,写个div标签,button标签,设置id名
、
7. 然后设置动画效果了
$(‘按钮标签’).事件对象(fnction(){
$(‘你要设置动画效果的标签’).animate({动画属性},速率)
})
8. 在1000毫秒内切换段落的高度和透明度
9. 让指定元素左右移动
小结:animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。
只有数字值可创建动画(比如 "margin:30px")。
字符串值无法创建动画(比如 "background-color:red")。
注释:使用 "+=" 或 "-=" 来创建相对动画(relative animations)。