jquery

jquery中的动画效果

animate({param}, speed, callback);

callback方法是动画效果结束以后，才执行该方法

$("button#start").click(function(){

$("#block").animate({

left:'250px',

opacity:'0.5',

height:'+=100px',

width:'+=100px'

},5000).css({'font-size':'30px','text-align':'center','line-height':'200px'});

});

 如果这个css方法放到callback里面，那么就会在执行完动画以后，才会是字体变大。

动画运行时间比较长的时候，就会有区别，动画运行几秒，字体就变大了。所以如果动画时间比较长，最好用callback方法来设置元素属性。