jQuery 滑动

jQuery 滑动方法

使用jQuery，你可以创建一个滑动的效果.

jQuery有以下滑动方法:

jQuery slideDown() 方法使元素向下滑动.

语法:

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

可选的speed参数指定特效的持续时间。它可以采取以下值："slow", "fast"，或毫秒。

可选的callback参数，是在向下滑动完成后执行的函数

下面的示例，使用不同的参数演示slideDown()方法：

$("#flip").click(function(){
    $("#panel").slideDown();
});

jQuery slideUp() 方法用来向下滑动元素.

语法:

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

可选的speed参数指定特效的持续时间。它可以采取以下值："slow", "fast"，或毫秒。

可选的callback参数，是在向上滑动完成后执行的函数

下面的示例，使用不同的参数演示slideUp()方法：

$("#flip").click(function(){
    $("#panel").slideUp();
});

jQuery slideToggle() 方法可以在slideDown() 和 slideUp() 之间切换.

如果元素是向下滑动, slideToggle() 将向上滑动.

如果元素是向上滑动, slideToggle() 将向下滑动.

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

可选的speed参数指定特效的持续时间。它可以采取以下值："slow", "fast"，或毫秒。

可选的callback参数，是在滑动完成后执行的函数

下面的示例，使用不同的参数演示slideToggle()方法：

$("#flip").click(function(){
    $("#panel").slideToggle();
});