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

jQuery中淡入动画fadeIn

fadeOut是淡出效果,相反的还有淡入效果fadeIn,方法使用上两者都是一致的,只是结果相反

.fadeIn( [duration ], [ complete ] )
  • duration:指定过渡动画运行多长时间(毫秒数),默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。
  • 元素显示完毕后需要执行的函数。函数内的this指向当前DOM元素。

fadeIn()函数用于显示所有匹配的元素,并带有淡入的过渡动画效果。

注意:

  •  淡入的动画原理:操作元素的不透明度从0%逐渐增加到100%
  • 如果元素本身是可见的,不对其作任何改变。如果元素是隐藏的,则使其可见

任务

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

请验证,完成请求

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

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

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

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

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

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

举报

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

最新回答 / arrayList
显示  显示出来   就是入隐藏 收起  就是出

最赞回答 / 北极的大熊
$("p").fadeIn(2000, function() {                                 alert("显示完毕!");                 });  function会遍历每个p,因此有几个P弹出几次

已采纳回答 / 破晓晨曦
一般来说用的并不多(手机app) pc端用的比重其实也不大

已采纳回答 / 学徒王小明
这里的options 意思是根据自己的选择传入参数举例:$("p").fadeIn({duration:1000,complete:function(){alert("动画完成");}  })

已采纳回答 / qq_路过你的心_0
linear代表的是fadeIn运动的动画是匀速运行的

已采纳回答 / 晓梦Y分明
            $("p").fadeIn(2000, function() {                alert("显示完毕!");            });绑定的P元素一共有两个,你上去找找看,两个P每一个都弹出一次
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言