jquery动画效果animate()和fadeTo()

富贵 2015-01-16

fadeTo()方法:将被选元素的不透明度逐渐地改变为指定的值。

语法:$(selector).fadeTo(speed,opacity,callback)

animate()方法:创建自定义动画。

语法:$(selector).animate({params},speed,callback);

必需的params参数定义形成动画的CSS属性。

可选的speed参数规定效果的时长。它可以取以下值:"slow"、"fast"或毫秒。

可选的callback参数是动画完成后所执行的函数名称。

$("div").animate({left:'250px'},"slow");
//把 <div> 元素移动到左边,直到 left 属性等于 250 像素为止

使用animate()时,必须使用Camel标记法书写所有的属性名,使用paddingLeft而不是padding-left,使用marginRight而不是margin-right。

编写多个animate()调用,jQuery会创建包含这些方法调用的“内部”队列。然后逐一运行这些animate调用。

参见w3c:http://www.w3school.com.cn/tiy/t.asp?f=jquery_animation

相关推荐