slideUp နည်းလမ်း

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

Syntax

သတ်မှတ်ထားသော အချိန်အတွင်း ပုန်းကွယ်ခြင်း၊ စံထားရာတွင် ၄၀၀ မီလီစက္ကန့် ဖြစ်သည်။

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

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

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

အကယ်၍ parameter များကို မဖော်ပြပါက - animation မရှိဘဲ၊ အချက်များသည် ချက်ချင်း ပုန်းကွယ်သွားမည်။

.slideUp();

ဒုတိယ parameter အဖြစ် easing function ကိုလည်းကောင်း၊ တတိယ parameter အဖြစ် callback function - animation ပြီးဆုံးပြီးနောက် လုပ်ဆောင်မည် - ကိုလည်းကောင်း ပေးပို့နိုင်သည်။ parameter နှစ်ခုစလုံးသည် မဖြစ်မနေပေးရမည် မဟုတ်ပါ။

.slideUp(ကြာချိန်, [easing function], [callback function]);

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

.slideUp(options);

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

.slideUp( {duration: 800, easing: easeInSine} );

ဥပမာ

ခလုတ်ကို နှိပ်ပြီးနောက်၊ input နှင့် ခလုတ်ပါရှိသော မိဘ div ကို slideUp နည်းလမ်းဖြင့် ဖြေးညှင်းစွာ ပုန်းကွယ်ပါစို့ (ဤ div ကို ကျွန်ုပ်တို့ parent နည်းလမ်းကို အသုံးပြု၍ ရှာဖွေတွေ့ရှိမည်)။ slow ဟူသော အဓိက စကားလုံးကို ပို့ခြင်းဖြင့်၊ ကျွန်ုပ်တို့သည် အမြန်နှုန်းကို ၆၀၀ မီလီစက္ကန့် အဖြစ် သတ်မှတ်မည်။ #test ပါသော div အတွင်း၌ ကျွန်ုပ်တို့သည် 'Text is hidden' ဟူသော စာသားကို ရိုက်ထည့်မည်။

<div>
	<button>စာသားကို ဝှက်မည်</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

$('button').click(function() {
	$(this).parent().slideUp('slow', function() {
		$('#test').text('Text is hidden');
	});
});

ဤသည်ကိုလည်း ကြည့်ပါ

slideDown နည်းလမ်း၊
အချက်များကို ဖြေးညှင်းစွာ ပြသသည်
slideToggle နည်းလမ်း၊
အချက်များကို ဖြေးညှင်းစွာ ပြသ/ပုန်းကွယ်မှုကို ပြောင်းလဲပေးသည်
fadeOut နည်းလမ်း၊
အချက်များကို ဖြေးညှင်းစွာ အလင်းပေါက် ပျောက်သွားစေခြင်းဖြင့် ပုန်းကွယ်သည်
hide နည်းလမ်း၊
အချက်များကို ဖြေးညှင်းစွာ ပုန်းကွယ်သည်