首页 > 代码库 > jQuery 效果 —— 滑动

jQuery 效果 —— 滑动

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);

 

jQuery 效果 —— 滑动