show နည်းလမ်း
show နည်းလမ်းသည် ပုန်းကွယ်နေသော
အစိတ်အပိုင်းများကို ညင်သာစွာ ပြသပေးသည်။ အစိတ်အပိုင်းများကို
hide နည်းလမ်းဖြင့် ပုန်းကွယ်ထားနိုင်သည်။
ဝါကျဖွဲ့ပုံ
မီလီစက္ကန့်ဖြင့် သတ်မှတ်ထားသော အချိန်အတွင်း ပြသခြင်း၊
စံထားချက်အားဖြင့် 400ms ။
.show(ကြာချိန်);
အချိန်ကို မီလီစက္ကန့်ဖြင့်သာမက
slow (600ms)
နှင့် fast (200ms) ဟူသော သော့ချက်စကားလုံးများဖြင့်လည်း သတ်မှတ်နိုင်သည်။
တန်ဖိုးကြီးလေလေ ကာတွန်းရုပ်ရှင်က နှေးလေလေဖြစ်သည်။
.show('slow' or 'fast');
အကယ်၍ parameter များကို မဖော်ပြပါက - ကာတွန်းရုပ်ရှင် မရှိတော့ပါ၊ အစိတ်အပိုင်းများသည် ချက်ချင်းပေါ်လာပါလိမ့်မည်။
.show();
ဒုတိယ parameter အဖြစ် ညင်သာမှုလုပ်ဆောင်ချက်ကိုလည်း ပို့ဆောင်နိုင်သည်၊ ပြီးလျှင် တတိယ callback function - ကာတွန်းရုပ်ရှင် လုပ်ဆောင်ပြီးနောက် အလုပ်လုပ်မည်။ parameter နှစ်ခုစလုံးသည် မဖြစ်မနေမလိုအပ်ပါ။
.show(ကြာချိန်, [ညင်သာမှုလုပ်ဆောင်ချက်], [callback-လုပ်ဆောင်ချက်]);
နည်းလမ်းသို့ မတူညီသော option များကို JavaScript object တစ်ခုအဖြစ်၊ key: value စုံတွဲများပါဝင်သည်ဟု ပေးပို့နိုင်သည်။
.show(options);
ထိုကဲ့သို့သော object သည် အောက်ပါ
parameter များနှင့် လုပ်ဆောင်ချက်များကို ပို့ဆောင်နိုင်သည် - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always။ ဤ
parameter များဖော်ပြချက်ကို သင်
animate နည်းလမ်းအတွက် ကြည့်ရှုနိုင်သည်။ ဥပမာအားဖြင့်၊
ကြာချိန်နှင့် ညင်သာမှုလုပ်ဆောင်ချက်ကို သတ်မှတ်ပါစို့။
.show( {duration: 800, easing: easeInSine} );
ဥပမာ
ခလုတ်ကို နှိပ်ပြီးနောက်၊ ပုန်းကွယ်နေသော
အပိုဒ်ကို show နည်းလမ်းဖြင့် ညင်သာစွာ ပြသကြပါစို့။
သော့ချက်စကားလုံး slow ကို ပေးပို့ခြင်းဖြင့်၊ အမြန်နှုန်းကို
600ms ဟု သတ်မှတ်ပါမည်။ ကာတွန်းရုပ်ရှင် ပြီးဆုံးသွားပြီးနောက် console ထဲတွင်
'ကာတွန်းရုပ်ရှင် ပြီးဆုံးပါပြီ' ဟု ရိုက်ထုတ်ပါမည်။
<button>စာသားကို ပြပါ</button>
<p style="display: none">စာသား</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
