အကူးအပြောင်း ပွဲ
ဥပမာ
CSS အသွင်ကူးပြောင်းမှု ပြီးဆုံးသောအခါ <div> ဒြပ်စင်တစ်ခုဖြင့် တစ်ခုခုလုပ်ပါ-
// Code for Safari 3.1 to 6.0
document.getElementById("myDIV").addEventListener("webkitTransitionEnd", myFunction);
// Standard syntax
document.getElementById("myDIV").addEventListener("transitionend", myFunction);
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
CSS အသွင်ကူးပြောင်းမှု ပြီးမြောက်သောအခါတွင် transitionend ဖြစ်ရပ်သည် ဖြစ်ပေါ်သည်။
မှတ်ချက်- အကယ်၍ အကူးအပြောင်းကို မပြီးဆုံးမီ ဖယ်ရှားပါက၊ ဥပမာ- CSS အကူးအပြောင်း-ပိုင်ဆိုင်မှု ပိုင်ဆိုင်မှုကို ဖယ်ရှားပါက၊ transitionend အစီအစဉ်သည် မီးလောင်မည်မဟုတ်ပါ။
CSS အသွင်ကူးပြောင်းမှုများအကြောင်း နောက်ထပ်အချက်အလက်များအတွက်၊ CSS3 Transitions ဆိုင်ရာ ကျွန်ုပ်တို့၏ သင်ခန်းစာကို ကြည့်ပါ ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် အဖြစ်အပျက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
"webkit", "moz" သို့မဟုတ် "o" ဖြင့်လိုက်သောနံပါတ်များသည် ရှေ့ဆက်တစ်ခုနှင့်အလုပ်လုပ်သော ပထမဆုံးဗားရှင်းကို သတ်မှတ်ပေးသည်။
Event | |||||
---|---|---|---|---|---|
transitionend | 26.0 4.0 (webkitTransitionEnd) |
10.0 | 16.0 4.0 (mozTransitionEnd) |
6.1 3.1 (webkitTransitionEnd) |
12.1 10.5 (oTransitionEnd) |
အထားအသို
object.addEventListener("webkitTransitionEnd", myScript); // Code for Safari 3.1 to 6.0
object.addEventListener("transitionend", myScript); // Standard syntax
မှတ်ချက်- addEventListener () နည်းလမ်းကို Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | ဟုတ်ကဲ့ |
---|---|
ပယ်ဖျက်နိုင်သည်- | ဟုတ်ကဲ့ |
ပွဲအမျိုးအစား- | အကူးအပြောင်းဖြစ်ရပ် |
DOM ဗားရှင်း- | အဆင့် 3 ပွဲများ |
ဆက်စပ်စာမျက်နှာများ
CSS ကျူတိုရီရယ်- CSS3 အပြောင်းအရွှေ့များ
CSS ရည်ညွှန်းချက်- CSS3 အကူးအပြောင်း ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- CSS3 အကူးအပြောင်း-ပိုင်ဆိုင်မှု ပိုင်ဆိုင်မှု