首页 前端知识 jQuery之动画-滑入、滑出

jQuery之动画-滑入、滑出

2024-06-01 10:06:59 前端知识 前端哥 637 534 我要收藏

目录

一、滑入

二、滑出

三、切换

四、总结


一、滑入

$('#div').slideDown(2000, function() {
    alert("滑入了")
})

 总结:一开始#div的元素是隐藏的(display: none), 滑出后(display:block)

二、滑出

$('#div').slideDown(2000, function() {
    alert("滑出了")
})

 总结:一开始#div的元素是显示的(display: block), 滑入后(display:none) 

三、切换

$('#div').slideToggle(2000, function() {
    alert("切换了")
})

总结:元素是隐藏状态就滑入;元素是显示就滑出

四、总结

滑入、滑出、切换它们都有两个参数,参数一:动画时长,参数二:动画结束后的回调

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10395.html
标签
评论
发布的文章

npmjs官网(查询依赖包)

2024-06-07 00:06:56

npx使用及原理

2024-06-07 00:06:36

npm 包管理工具

2024-06-07 00:06:33

vue 思极地图开发

2024-06-07 00:06:28

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!