jQuery效果之隐藏、显示、淡入淡出、滑动、回调

本文介绍了如何使用jQuery实现显示/隐藏、淡入淡出及滑动等常见动画效果,并提供了具体的语法示例,如$(selector).hide()、$(selector).fadeIn()和$(selector).slideUp()等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、显示、隐藏

$(selector).hide(speed,callback);//隐藏,实际上是把元素的height、width、margin、opacity等在给定的时间内逐渐缩小为0最后
                                 //把display设置为 none
$(selector).show(speed,callback);//显示,过程与hide相反
$(selector).toggle(speed,callback);//显示/隐藏切换

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

二、淡入淡出

$(selector).fideOut(speed,callback);//淡出,把元素的opacity等在给定的时间内逐渐缩小为0最后把display设置为 none
$(selector).fideIn(speed,callback);//淡入,过程与fideOut相反
$(selector).fideToggle(speed,callback);//淡入/淡出

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

三、滑动

$(selector).slideUp(speed,callback);//滑出,实际上是把元素的height、width、margin、margin-等在
                                    //给定的时间内逐渐缩小为0最后把display设置为 none
$(selector).slideDown(speed,callback);//滑入,过程与fideOut相反
$(selector).slideToggle(speed,callback);//滑入/滑出

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

四、jQuery方法链接

在相同的元素上运行多条jQuery命令,一条接着另一条。

$("p").css("colot","red").slideUp(2000).slideDown(2000);
或者
$("p").css("color","red")
      .slideUp(2000)
      .slideDown(2000);

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值