jQuery--动画部分

(1)效果部分

show([speed,[easing],[fn]])显示隐藏的匹配元素。将原本隐藏的p标签显示:$("p").show()
hide([speed,[easing],[fn]])隐藏显示的元素将原本显示的p标签隐藏:$("p").hide()
slideDown([speed],[easing],[fn])通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。将隐藏的p标签滑动显示出来:$("p").slideDown()
slideUp([speed,[easing],[fn]])通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数将显示的的p标签滑动隐藏:$("p").slideUp()
slideToggle([speed],[easing],[fn])通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。显示隐藏进行滑上滑下的操作:$("p").sideToggle()
fadeIn([speed],[easing],[fn])通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。将p标签进入淡入操作:$("p").fadeIn()
fadeOut([speed],[easing],[fn])通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。>将p标签进入淡出操作:$("p").fadeOut()
fadeTo([[speed],opacity,[easing],[fn]])把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。用200毫秒的时间将p标签的透明度调整到0.25,调整完后函数弹出警示框完成:$("p").fadeTo("faast",0.25,function(){alert("完成")})
fadeToggle([speed,[easing],[fn]])通过不透明度的变化来开关所有匹配元素的淡入和淡出效果,并在动画完成后可选地触发一个回调函数。用200毫秒快速将段落淡入,之后弹出一个对话框:$("p").fadeToggle("fast",function(){ alert("Animation Done."); }) (2)自定义部分
animate(params,[speed],[easing],[fn])用于创建自定义动画的函数。改变p标签的样式,通过动画来实现:$("p").animate({witth:"50%",height:"50%"},1000)
stop([clearQueue],[jumpToEnd])停止所有在指定元素上正在运行的动画。 如果队列中有等待执行的动画(并且clearQueue没有设为true),他们将被马上执行p标签的正在进行的动画立即停止:$("p").stop()
delay(duration,[queueName])设置一个延时来推迟执行队列中之后的项目。在.slideUp() 和 .fadeIn()之间延时800毫秒:$("p").sideUp(300).delay(800).fadeIn(400)
finish( [queue ] )停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画。停止正在运行的动画:$("p").finish()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值