jQuery 效果 —— 滑动

Posted 2020-08-24

jQuery 效果 —— 滑动

1.向下滑动元素

（1）使用slideDown()方法可以用于向下滑动元素

$("button").click(function(){
    $("p").slideDown();
});

(2)语法：

$(selector).slideDown(speed,callback)

参数说明：

speed：下滑的速度，单位为毫秒；

callback：执行完下滑后要执行的函数。

2.向上滑动元素

（1）使用slideUp()方法用于向上滑动元素

$("button").click(function(){
    $("p").slideUp();
});

（2）语法

$(selector).slideUp(speed,callback);

3.切换上滑和下滑

（1）使用slideToggle()方法在下滑和上滑之间来回切换状态

$("button").click(function(){
    $("p").slideToggle();
});

 

（2）语法

$(selector).slideToggle(speed,callback);