css3能不能实现JQ里的slideDown和slideUp的效果

Posted 2023-05-17

参考技术A 可以啊，你可以在外层加上一个div来控制高度。里面的div控制透明度

2018-07-01 jq效果

jq效果的实现方法：

　　1.基本

　　show(time) -> 显示；相当于display:block

　　hide(time) -> 隐藏；相当于display:none

　　toggle(time) ->循环显示和隐藏；obj.toggle(time)

　　2.滑动

　　slideDown(time) -> 滑下显示；

　　slideUp(time) -> 滑上隐藏；

　　slideToggle(time) -> 循环滑上滑下隐藏显示；

　　3.淡入淡出

　　fadeIn(time,opa) -> 淡入；

　　fadeOut(time,opa) -> 淡出；

　　fadeTo(time,opa) -> 变到某个透明度；

　　4.自定义

　　animate({json样式}，timen,fn) -> 动画效果的实现,fn可选参数动画效果执行完毕后执行的函数

　　stop(){} -> 立即停止动画效果