jQuery学习教程,写更少的代码,做更多的事情(七(1),正在准备面试

//slideUp()方法,来隐藏,参数也是毫秒。

$(“#content”).slideUp(1000);

})

$(“#toggle”).click(function(){

//使用slideTopple方法完成上面的两个方法的功能。

$(“#content”).slideTopple(1000);

})

})

2.回调


回调函数,不是什么特别的函数,就是函数执行完后,有一个回调的意味。

这里可以连续使用slideDown()和slideUp()方法,来达到一个浮现浮出的效果。

例如:

您好呀

隐藏


我出场特别帅气。

4.jQuery 自定义动画

===========================================================================

1.animate()方法


animate()方法,总共有四个参数,对应不同的属性。

例如:

如果存在多个animate()自定义动画,则会按照顺序依次执行。

例如:

2.clearQueue()方法


从列队中一处所有未执行的项。这里的项,就是animate()方法。

例如:

停止动画

3.delay()方法


设置一个延时来推迟执行队列中后续的项。这里的项,就是animate()方法。

例如:

注意这里的delay,参数是延迟毫秒。

$(“div”).click(function(){

$(this).animate({

width:500,

opacity:0.2,

left:200

},4000,“linear”).delay(5000); //注意这里的delay,参数是延迟毫秒。

$(this).animate({

width:200,opacity:1,left:8

},4000,“swing”,function(){

alert(“动画执行完毕”);

})

})

4.finish()方法


停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画。

例如:

停止动画

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值