slideDown နည်းလမ်း

slideDown နည်းလမ်းသည် ပုန်းကွယ်နေသော အရာဝတ္ထုများကို အပေါ်မှ အောက်သို့ လှိမ့်ချလာသည့် ပုံစံဖြင့် ပြေပြစ်စွာ ပြသပေးသည်။ အရာဝတ္ထုများကို ပုန်းကွယ်ရန် slideUp နည်းလမ်းကို အသုံးပြုနိုင်သည်။

ဖွဲ့စည်းပုံ

သတ်မှတ်ထားသော အချိန်အတွင်း ပြသခြင်း၊ စံသတ်မှတ်ချက်အနေဖြင့် ၄၀၀မစ်:

.slideDown(ကြာချိန်);

အချိန်ကို မစ်လီစက္ကန့်ဖြင့်သာမက၊ slow (၆၀၀မစ်) နှင့် fast (၂၀၀မစ်) ဟူသော သော့ချက်စကားလုံးများဖြင့်လည်း သတ်မှတ်နိုင်ပါသည်။ တန်ဖိုးကြီးလေလေ ကာတွန်းရုပ်လှုပ်ရှားမှု နှေးလေလေဖြစ်သည်။

.slideDown('slow' သို့မဟုတ် 'fast');

ပါရာမီတာများကို မဖော်ပြပါက - ကာတွန်းရုပ်လှုပ်ရှားမှု မရှိပါ၊ အရာဝတ္ထုများသည် ချက်ချင်းပေါ်လာမည်ဖြစ်သည်။

.slideDown();

ဒုတိယပါရာမီတာအနေဖြင့် လှုပ်ရှားမှု ချောမွေ့ရေးလုပ်ဆောင်ချက်ကိုလည်း ပေးပို့နိုင်သည်၊ ထို့အပြင် တတိယပါရာမီတာအနေဖြင့် callback-လုပ်ဆောင်ချက်ကို ပေးပို့နိုင်သည် - ၎င်းသည် ကာတွန်းရုပ်လှုပ်ရှားမှု ပြီးဆုံးပါက အလုပ်လုပ်မည်ဖြစ်သည်။ ပါရာမီတာနှစ်ခုစလုံးသည် မဖြစ်မနေပေးရန် မလိုအပ်ပါ။

.slideDown(ကြာချိန်, [ချောမွေ့ရေး လုပ်ဆောင်ချက်], [callback-လုပ်ဆောင်ချက်]);

နည်းလမ်းသို့ မတူညီသော ရွေးချယ်စရာများကို ပေးပို့နိုင်သည်၊ JavaScript object တစ်ခု၏ ပုံစံဖြင့်၊ key: value အတွဲများပါဝင်သည်။

.slideDown(options);

ထိုကဲ့သို့သော object သည် အောက်ပါ ပါရာမီတာများနှင့် လုပ်ဆောင်ချက်များကို ပေးပို့နိုင်သည် - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always။ ဤ ပါရာမီတာများအကြောင်း ရှင်းလင်းချက်ကို သင် animate နည်းလမ်းအတွက် ကြည့်ရှုနိုင်သည်။ ဥပမာ, ကြာချိန်နှင့် ချောမွေ့ရေးလုပ်ဆောင်ချက်ကို သတ်မှတ်ကြပါစို့။

.slideDown( {duration: 600, easing: easeInSine} );

ဥပမာ

ခလုတ်ကို နှိပ်ပြီးနောက်၊ ပုန်းကွယ်နေသော စာပိုဒ်ကို slideDown နည်းလမ်းဖြင့် ပြေပြစ်စွာ ပြသကြပါစို့။ သော့ချက်စကားလုံး slow ကို ပေးပို့ခြင်းဖြင့်၊ အရှိန်ကို ၆၀၀မစ် အထိ သတ်မှတ်မည်။ ကာတွန်းရုပ်လှုပ်ရှားမှု အဆုံးသတ်ပြီးနောက် console တွင် 'Animation complete' ကို ရိုက်ထုတ်ပါမည်။

<button>စာသားကို ပြပါ</button>
<p style="display: none">စာသား</p>

$('button').click(function() {
	$('p').slideDown('slow', function() {
		console.log('Animation complete')
	});
});

ဆက်လက်ဖတ်ရှုရန်

slideUp နည်းလမ်း,
အရာဝတ္ထုများကို ပြေပြစ်စွာ ပုန်းကွယ်ပေးသည်
slideToggle နည်းလမ်း,
အရာဝတ္ထုများ၏ ပြေပြစ်သော ပြသခြင်း/ပုန်းကွယ်ခြင်းကို အလှည့်ကျပြုလုပ်ပေးသည်
fadeIn နည်းလမ်း,
ပုန်းကွယ်နေသော အရာဝတ္ထုများကို ၎င်းတို့ကို အလင်းပိတ်၍ ပြေပြစ်စွာ ပြသပေးသည်
show နည်းလမ်း,
အရာဝတ္ထုများကို ပြေပြစ်စွာ ပြသပေးသည်