关闭

jquery效果队列

611人阅读 评论(0) 收藏 举报
分类:
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、不同对象的效果,会同时进行,如要队列顺序进行可以用回调函数,在回调函数中值执行效果。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:57169次
    • 积分:1713
    • 等级:
    • 排名:千里之外
    • 原创:120篇
    • 转载:1篇
    • 译文:0篇
    • 评论:2条
    文章分类
    最新评论