menu Bugcat's Blog
侧边栏折叠效果的实现
20 浏览 | 2021-03-31 | 阅读时间: 约 1 分钟 | 分类: | 标签:
请注意,本文编写于 38 天前,最后修改于 38 天前,其中某些信息可能已经过时。

展开效果实现

使用JQ的sildeUp()和sildeDown()来实现,这两个函数第一个参数是动画时间,单位毫秒。第二个参数是linear或swing,第三个参数是函数执行完之后的回调函数

$("#test1").slideDown(200,"linear");
$("#test1").slideUp(200,"linear");

选择id为test1的元素,在200ms内把全部元素滑动显示出来,再滑动消失,可以提前给要隐藏的元素设置一下display: none把元素隐藏起来

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议