callback
如果想在动画的最后一步切换css样式（background:blue）如果按照通常处理，相关代码如下：
|
1
2
3
4
5
|
$("#cube").click(function(){ $(this).animate({left:"100px",height:"100px",opacity:"1"},500) .animate({top:"40px",width:"100px"},500) .css("border","5px solid blue")
//加一个边框 }) |
但是他会在动画开始的时候就执行css的那个border。效果如下：
这时候需要使用callback。也就是Callback
函数在当前动画 100% 完成之后执行。
$("#cube").click(function(){ $(this).animate({left:"100px",height:"100px",opacity:"1"},500) .animate({top:"40px",width:"100px"},500,function(){ $(this).css("border","5px
solid blue") })})