jQuery ရှိ fadeTo နည်းလမ်း

fadeTo နည်းလမ်းသည် element တစ်ခု၏ ဖေါက်ရှုနိုင်မှုopacityကို တိကျသောတန်ဖိုးတစ်ခုအထိ (0 - လုံးဝဖေါက်မြင်နိုင်၊ 1 - လုံးဝဖေါက်မမြင်နိုင်) လျှော့ချပေးနိုင်သည်။ ပထမအကြိမ်ပါရာမီတာအနေဖြင့် နည်းလမ်းသည် မည်သည့်တန်ဖိုးအထိ ဖေါက်ရှုနိုင်မှုကို ပြောင်းလဲမည်ကို လက်ခံပြီး ဒုတိယအကြိမ်တွင် - လုပ်ဆောင်ချိန်ကို လက်ခံသည်။

ခလုတ်တစ်ခုကို ကလစ်နှိပ်လိုက်သောအခါ ကျွန်ုပ်တို့၏ element သည် 1 စက္ကန့်အတွင်း ဝက်ဝံဖေါက်ရှုနိုင်သော အခြေအနေသို့ ရောက်ရှိစေကြပါစို့။ ပထမဦးစွာ အောက်ပါ HTML code ကို ယူကြည့်ပါမည်။

html<button id="fade">click me</button>
<div id="elem">text...</div>

CSS ကိုလည်း ရှိသည်ဟု ယူဆပါစို့။

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

ယခု အောက်ပါ Javascript code ကို ရေးသားပါမည်။

javascript$('#fade').click(function() {
  $('#elem').fadeTo(1000, 0.5);
});