jQuery အကျိုးသတ္တု - အလျင်းအလျင်း

jQuery အနေဖြင့် အချင်းကို အလျင်းအလျင်း ပျက်စီး/ပေါ်ထွက်လာ နိုင်သည်。

အကျိုးသတ္တုပြောင်းလဲမှု

ဤနေရာတွင် ဖိုင်ပတ် ကို ဖတ်/ပိတ်လာစေသည်

ကာလ တစ်လက်ဝိုင်း သည် ငွေချေး တစ်လက်ဝိုင်း နှင့် ကွဲသည်၊ အရေးကြီးသော်လည်း ကျွန်တော်တို့သည် မြန်မြန်ဆန်ဆန် အသဘောတူ သင်ကြားကြည့်ရှုချက် ကို ပြန်ကြားပေးသည်。

ဤနေရာတွင် မင်းကြီးမင်းတရိယ အကြောင်းကြားချက် ကို မြန်မြန်ဆန်ဆန် လေးမျက်နှာကို ရရှိနိုင်သည်。

အကျိုးဆက်

jQuery fadeIn()
jQuery fadeIn() စက်မှု ကို ပြသည်。
jQuery fadeOut()
jQuery fadeOut() စက်မှု ကို ပြသည်。
jQuery fadeToggle()
jQuery fadeToggle() စက်မှု ကို ပြသည်。
jQuery fadeTo()
jQuery fadeTo() စက်မှု ကို ပြသည်。

jQuery Fading စက်မှု

jQuery အနေဖြင့် အချင်းကို အလျင်းအလျင်း ပျက်စီး/ပေါ်ထွက်လာ နိုင်သည်。

jQuery သည် အောက်ပါ အခြေခံ fade စက်မှုများကို ပါဝင်သည်：

  • fadeIn()
  • fadeOut()
  • fadeToggle()
  • fadeTo()

jQuery fadeIn() စက်မှု

jQuery fadeIn() စက်မှုသည် မင်းကြီးမင်းတရိယ ကို အချင်းကို အလျင်းအလျင်း ပေါ်ထွက်လာစေသည်。

ပြောင်းလဲခြင်း:

$(selectorfadeIn(),,callback);

ဆိုခဲ့သော , အကျိုးဆိုင်ရာ အချိန်တစ်ခု သတ်မှတ်သည်။ အရေးပါ အတိုင်း သုံးနိုင်သော အကျိုးဆိုင်ရာ အချိန်တစ်ခု မှာ "slow"、"fast" သို့မဟုတ် မိနစ်ပိုင်း ဖြစ်သည်。

ဆိုခဲ့သော callback အကျိုးဆိုင်ရာ ပုဂ္ဂိုလ်ရိုက် သည် ပြိုကွဲခြင်း ပြီးလျှင် လုပ်ဆောင်သော ပုဂ္ဂိုလ်ရိုက် ဖြစ်သည်。

အောက်ပါ အကျိုးသတ္တုပြောင်းလဲမှုကို အခြေခံပြီး fadeIn() စက်မှုကို ကြိုးစားပြသည်：

အကျိုးဆက်

$("button").click(function(){
  $("#div1").fadeIn();
  $("#div2").fadeIn("slow");
  $("#div3").fadeIn(3000);
});

ကိုယ်တိုင် စစ်ဆေး

jQuery fadeOut() စက်မှု

jQuery fadeOut() စက်မှုသည် မင်းကြီးမင်းတရိယ အချင်းကို အလျင်းအလျင်း ဖြိုးနိုင်သည်。

ပြောင်းလဲခြင်း:

$(selectorfadeOut(),,callback);

ဆိုခဲ့သော , အကျိုးဆိုင်ရာ အချိန်တစ်ခု သတ်မှတ်သည်။ အရေးပါ အတိုင်း သုံးနိုင်သော အကျိုးဆိုင်ရာ အချိန်တစ်ခု မှာ "slow"、"fast" သို့မဟုတ် မိနစ်ပိုင်း ဖြစ်သည်。

ဆိုခဲ့သော callback အကျိုးဆိုင်ရာ ပုဂ္ဂိုလ်ရိုက် သည် ပြိုကွဲခြင်း ပြီးလျှင် လုပ်ဆောင်သော ပုဂ္ဂိုလ်ရိုက် ဖြစ်သည်。

下面的例子演示了带有不同参数的 fadeOut() 方法：

အကျိုးဆက်

$("button").click(function(){
  $("#div1").fadeOut();
  $("#div2").fadeOut("slow");
  $("#div3").fadeOut(3000);
});

ကိုယ်တိုင် စစ်ဆေး

jQuery fadeToggle() 方法

jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

အရေးပါ အတိုင်း သုံးနိုင်သော အကျိုးဆိုင်ရာ အချိန်တစ်ခု သတ်မှတ်သည်။ အရေးပါ အတိုင်း သုံးနိုင်သော အကျိုးဆိုင်ရာ အချိန်တစ်ခု မှာ "slow"、"fast" သို့မဟုတ် မိနစ်ပိုင်း ဖြစ်သည်。

အရေးပါ အတိုင်း သုံးနိုင်သော အကျိုးဆိုင်ရာ အချိန်တစ်ခု သတ်မှတ်သည်။ အရေးပါ အတိုင်း သုံးနိုင်သော အကျိုးဆိုင်ရာ အချိန်တစ်ခု မှာ "slow"、"fast" သို့မဟုတ် မိနစ်ပိုင်း ဖြစ်သည်。

ပြောင်းလဲခြင်း:

$(selector).fadeToggle(,,callback);

ဆိုခဲ့သော , အကျိုးဆိုင်ရာ အချိန်တစ်ခု သတ်မှတ်သည်။ အရေးပါ အတိုင်း သုံးနိုင်သော အကျိုးဆိုင်ရာ အချိန်တစ်ခု မှာ "slow"、"fast" သို့မဟုတ် မိနစ်ပိုင်း ဖြစ်သည်。

ဆိုခဲ့သော callback အကျိုးဆိုင်ရာ ပုဂ္ဂိုလ်ရိုက် သည် ပြိုကွဲခြင်း ပြီးလျှင် လုပ်ဆောင်သော ပုဂ္ဂိုလ်ရိုက် ဖြစ်သည်。

အောက်ပါ အကျိုးဆက် သုံးပြီး fadeToggle() စက္ခဟန် ကို ပြသထားသည်:

အကျိုးဆက်

$("button").click(function(){
  $("#div1").fadeToggle();
  $("#div2").fadeToggle("slow");
  $("#div3").fadeToggle(3000);
});

ကိုယ်တိုင် စစ်ဆေး

jQuery fadeTo() စက္ခဟန်

jQuery fadeTo() စက္ခဟန် သည် အချိန်ဆိုင်ရာ အတွက် အစိတ်ပိုင်း အရောင်ဆင်း အကျိုးဆက် ကို လျှင်လျှင် ပြောင်းလဲစေသည် (အတွက် 0 မှ 1 အထိ တိုးလျှင်)。

ပြောင်းလဲခြင်း:

$(selector).fadeTo(,,opacity,callback);

အပြည့်အဝင် စက္ခဟန် speed သည် အကျိုးဆက် ကြာခြင်း ကို အချိန်တစ်ခု သတ်မှတ်သည်။ အရေးပါ အတိုင်း သုံးနိုင်သော အကျိုးဆိုင်ရာ အချိန်တစ်ခု မှာ "slow"、"fast" သို့မဟုတ် မိနစ်ပိုင်း ဖြစ်သည်。

fadeTo() စက္ခဟန် တွင် အပြည့်အဝင် စက္ခဟန် opacity သည် အကွဲအဝေး အရောင်ဆင်း အကျိုးဆက် ကို အချိန်ဆိုင်ရာ အတွက် အစိတ်ပိုင်း အချိန်တစ်ခု သတ်မှတ်သည် (အတွက် 0 မှ 1 အထိ တိုးလျှင်)。

ဆိုခဲ့သော callback စက္ခဟန် သည် အကျိုးဆက် ပြီးလျှင် လုပ်ဆောင်သော ပုဂ္ဂိုလ်ရိုက် ဖြစ်သည်。

အောက်ပါ အကျိုးဆက် သုံးပြီး fadeTo() စက္ခဟန် ကို ပြသထားသည်:

အကျိုးဆက်

$("button").click(function(){
  $("#div1").fadeTo("slow",0.15);
  $("#div2").fadeTo("slow",0.4);
  $("#div3").fadeTo("slow",0.7);
});

ကိုယ်တိုင် စစ်ဆေး

jQuery အကျိုးဆက် စာအုပ်

jQuery အကျိုးဆက် ကို ပြည့်ပြည့် လေ့လာရန် ကျွန်ုပ်၏ jQuery အကျိုးဆက် စာအုပ်。