章节
问答
课签
笔记
评论
占位
占位

jQuery中淡入淡出切换fadeToggle

fadeToggle()函数用于切换所有匹配的元素,并带有淡入/淡出的过渡动画效果。之前也学过toggle、slideToggle 也是类似的处理方式

fadeToggle切换fadeOut与fadeIn效果,所谓"切换",即如果元素当前是可见的,则将其隐藏(淡出);如果元素当前是隐藏的,则使其显示(淡入)。

常用语法:.fadeToggle( [duration ] ,[ complete ] )

可选的 duration 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。 可选的 callback 参数是 fadeToggle完成后所执行的函数名称。

fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。

 

具体使用,请参考右边代码区域:

任务

?不会了怎么办
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

已采纳回答 / WCHENG
达到的效果是一样的。 $("p").fadeToggle(3000);中的默认值是duration: 3000

最新回答 / 我就叫李二毛
还有这个   "slow", "normal", or "fast"   这三个参数,其实也代表是时间。

最赞回答 / 神华设计
swing和linear都是缓动方法但是,linear是一个线性的动画(可以理解为在每一个小的时间段匀速的动画)。swing就可以看成是一个抛物线了,当动画开始时速度会慢慢的加快,当加快的一定值是速度会慢慢的降下来的

最赞回答 / sulin
有两个p元素,所以执行两次回调函数,你可以删掉一个p试一试

最赞回答 / 祯祺3362575
因为“测试文字淡入淡出切换效果”和“慕课网,专注分享”是两个p标签,你把它改成一个p标签就只弹出一次了

最新回答 / 0小0白0
知道了 ,没看到下面的回答

已采纳回答 / qq_陪你疯狂一世_0
当点击按钮时,由于按钮同时控制两个P标签,因此在每个P标签显示时都要弹出一个alert,所以会弹出两次alert
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言