jQuery学习

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(),它的作用是从队列的第一行删除一个函数,并执行他。

二级标题

三级标题

四级标题

注:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值