jQuery 基础教程

jQuery 效果

slideDown()方法以滑动方式显示选定的元素。

注意：此方法适用于用jQuery方法隐藏的元素，并在CSS中display:none（不是visibility:hidden）。

此方法通常与slideUp()方法一起使用。

$(selector).slideDown(duration, "easing", callback)

当单击“#my-Div”时，此示例在页面上显示“ .panel”：

Beispiel

$("#my-Div").click(function(){
　　$(".panel").slideDown();
});

单击按钮时，向下滑动所有<p>元素：

Beispiel

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

使用duration参数：

Beispiel

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

使用callback参数：

Beispiel

$("button").click(function(){
　　$("div").slideDown(1500, function(){
　　　　alert("向下滑动完成！");
　　});
});

使用缓慢的持续时间和线性缓动向下滑动所有“ .panel”：

Beispiel

$("#my-Div").click(function(){
　　$(".panel").slideDown("slow", "linear");
});

将所有跨度（本示例为单词）动画化以快速滑动，在2完成每个动画：00毫秒内

Beispiel

$("button").click(function(){
　　$("span:first-child").slideDown("fast", function(){
　　　　$(this).next().slideDown("fast", arguments.callee);
　　});
});

Parameter	Beschreibung
duration	（Optional）Bestimmt die Dauer der Slide-Effect. Vorgesehener Wert ist400 Millisekunden Mögliche Werte: Millisekunden (z.B.100,500,2000 usw.) “fast” “slow”
easing	（Optional）Ein String, der die Geschwindigkeit der Elemente zu verschiedenen Punkten der Animation angibt. Standardwert ist „swing“ Mögliche Werte: “swing”-Am Anfang/Bewegt sich langsamer am Ende und schneller in der Mitte “linear”-Mit konstanter Geschwindigkeit bewegen
callback	（Optional）Eine Funktion, die aufgerufen wird, wenn die slideDown()-Methode abgeschlossen ist, einmal für jedes ausgewählte Element