1、animate同步动画
animate()
方法的第二个参数speed,除了是slow,fast
等还可以是一个对象,并且可以通过这个对象跳过队列,让当前动画和前一个动画同时执行。
$(document).ready(function(){
//....
.fadeTo('fast',0.5)
.animate({
left: paraWidth - switcherWidth
},{
duration: 'slow',
queue: false //此处要将queue设置为false
})
.fadeTo('slow',1.0)
});
2、向队列中插入非效果方法
jquery的效果方法和非效果方法运作方式是不同的,效果方法如.slideUp()
,.slideDown()
等都是以异步方式运行的,因此任务会添加到异步队列中,但是非效果方法如.css()
等是同步方法。所以当在应用的时候连缀了效果方法和非效果方法,不论非效果方法在连缀的位置如何,它们都会先于效果方法执行,如果想要达到顺序执行的效果,可以使用.queue()
方法将其添加到异步队列中。
$(document).ready(function(){
//....
.fadeTo('slow',1.0)
.slideUp('slow')
.queue(function(next){ //将非效果方法添加到队列
$ele.css({backgroundColor: '#f00'});
next();//或者$(this).dequeue()
})
.slideDown('slow');
});
上面代码中的next()方法
的作用是让队列在中断的地方再接续起来。也可以使用.dequeue()
,它的作用是从队列的第一行删除一个函数,并执行他。
二级标题
三级标题
四级标题
注: