1、效果方法队列
$(this).animate({height:'50px'},1000).$(this).css('background','red').animate({width:'900px'},1000);
把非效果方法添加到队列中,比如这里的css方法会立即执行而不会顺序执行,若要顺序执行可以用.queue()方法。此方法用来入列,next()方法用于出列,.dequeue()也用于出列,如:
$(this).animate({height:'50px'},1000).queue(function(next){
$(this).css('background','red');
next();}).animate({width:'900px'},1000);
或:
$(this).animate({height:'50px'},1000).queue(function(){
$(this).css('background','red');
$(this).dequeue();}).animate({width:'900px'},1000);
2、queue方法为false可以使当前队列和之前队列同时进行,如:
$(this).animate({height:'50px'},1000).animate({width:'900px'},{duration:1000,queue:false});
3、不同对象的效果,会同时进行,如要队列顺序进行可以用回调函数,在回调函数中值执行效果。
jquery效果队列
最新推荐文章于 2020-05-06 15:56:40 发布