طريقة slideDown() لـ jQuery

طرق التأثير لـ jQuery

يظهر الطريقة slideDown() العنصر المحدد بسحب.

ملاحظة:يستخدم هذا الطريقة للعناصر المخفية باستخدام طرق jQuery، ويكون عرض العنصر في CSS كـ display:none (ليس visibility:hidden).

يستخدم هذا الطريقة عادةً معslideUp()استخدام الطرق معًا.

النحو:

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

مثال

عند ضغط "#my-Div"، يظهر هذا المثال " .panel" على الصفحة:

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

سحب نحو الأسفل جميع عناصر <p> عند ضغط الزر:

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

استخدامdurationالمتغيرات المطلوبة:

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

استخدامcallbackالمتغيرات المطلوبة:

$("button").click(function(){
　　$("div").slideDown(1500, function(){
　　　　alert("اكتمال السحب نحو الأسفل!");
　　});
});

استخدام زمن التأخير البطيء والتسارع الخطي للسحب نحو الأسفل جميع " .panel":

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

تسريع جميع الأطوال (في هذا المثال ككلمة) بتحريك سريع، اكمال كل حركة رسومية في 200 ميليسي ثانية:

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

قيمة الم 参数

طرق التأثير لـ jQuery