不会的要多查多问,不然不会的永远不会,哪怕你离会就差了那么一点点
						
					
		
 jQuery动画回调函数
		
		
		[
 2013/05/18 23:14 | by 刘新修 ]
		
	
 2013/05/18 23:14 | by 刘新修 ]
		在上一篇文章中,如果想在最后一步切换元素的CSS样式,而不是隐藏元素:
css("border","solid 5px blue");
如果知识按照常规的方式,将fadeOut(“slow”)改为css(“border”,”solid 5px blue”),并不能达到预期的效果。预期效果是在动画的最后一步改变元素的样式,而实际的效果是,刚开始执行动哈ude时候,css()方法就被执行过了。
出现这个问题的原因是css()方法并不会加入到动画队列中,而是立即执行。可以使用回调函数(callback)对非动画方法实现排队。只要把css()方法写在最后一个动画的回调函数里即可。代码如下:
JavaScript代码
- $(function () {
 - $("#panel").click(function () {
 - $(this).animate({
 - left: "400px",
 - height: "200px",
 - opacity: "1"
 - }, 3000).animate({
 - top: "200px",
 - width: "200px"
 - }, 3000, function () {
 - $(this).css("border", "5px solid blue");
 - })
 - });
 - });
 
这样以来,css()方法就加入到动画队列中了,从而满足了上文提出的需求。


  
 
 
 
 
 


