jQuery的slideUp()方法
jQuery的slideUp()方法是一种常见的动画效果,它可以让元素以滑动的方式向上移动,从而达到隐藏元素的目的。
slideUp()方法常用于收起某一个元素,以节省空间,它接受一个可选的参数,用来指定动画的持续时间,单位是毫秒,默认为400毫秒。
$(selector).slideUp(speed,callback);
其中speed参数可以是数值,也可以是'slow'、'normal'或'fast',分别表示慢、正常和快速;callback参数是一个函数,在动画完成后被调用。
下面是一个slideUp()方法的示例,它将一个元素收起来,动画持续时间为800毫秒:
$("#element").slideUp(800);
slideUp()方法还有一个反方法slideDown(),它可以让元素以滑动的方式向下移动,从而实现显示元素的目的。
slideDown()方法也接受一个可选的参数,用来指定动画的持续时间,单位是毫秒,默认为400毫秒。
$(selector).slideDown(speed,callback);
下面是一个slideDown()方法的示例,它将一个元素显示出来,动画持续时间为800毫秒:
$("#element").slideDown(800);
slideUp()和slideDown()方法可以让元素以滑动的方式上下移动,从而实现隐藏或显示元素的效果,这在很多场景都很有用,比如实现点击按钮收起或展开某个元素等等。