jQuery Mobile လှည့်လျား
- အရှေ့အစ jQuery Mobile စာကြိုး
- နောက်အစ jQuery Mobile နှိပ်ခြင်း
jQuery Mobile 包含了允许您选择页面打开方式的 CSS 效果。
jQuery Mobile 过渡效果
jQuery Mobile 拥有一系列关于如何从一页过渡到下一页的效果。
ဖော်ပြဆက်သွယ် အလှယ်လွှတ် အသုံးပြုရန် ဘရပ်စ်တာ က အသုံးပြုထားသော CSS3 3D ဆက်သွယ် အသုံးပြုထားသည် လိုအပ်သည်
ဘရပ်စ်တာ အသုံးပြု
- အန်တာတိန် ၁၀ အဆက်အလွှတ် အသုံးပြုထားသည် (အောက်ပိုင်း အဆက်အလွှတ် မရှိ)
- အိုပရက်အာ အောက်ပိုင်း အဆက်အလွှတ် အသုံးပြုထားသည် မရှိ
အသုံးပြုထားသော အလှယ်လွှတ် အလှယ်လွှတ် အသုံးပြုထားသည် သို့မဟုတ် data-transition အခြေခံ အလှယ်လွှတ် အသုံးပြုထားသော ပေါင်းစပ်အလှယ်လွှတ် အလှယ်လွှတ် အသုံးပြုထားသည်
<a href="#anylink" data-transition="slide"
>စာမေးသတုတ် နှစ် လွှတ်</a>
data-transition အခြေခံ အလှယ်လွှတ် နှင့် အသုံးပြုနိုင်သော အလှယ်လွှတ် အချက်အလက် အချက်အလက် အချက်အလက် ပြုပြင်ထားသည်
ဆက်သွယ် | ဖော်ပြ | စမ်းသပ် |
---|---|---|
လွှတ် | မူကြမ်း | စမ်းသပ် |
အလွှတ် | နောက်ဘက်မှ အောက်ဘက်သို့ လွှတ်ပြီး နောက်ဆုံး စာမေးသတုတ် သို့ လွှတ်သည် | စမ်းသပ် |
ဆောက်လုပ် | လက်ရှိ စာမေးသတုတ် သို့ ပယ်ထားပြီး နောက်ဆုံး စာမေးသတုတ် ကို ဆောက်လုပ်သည် | စမ်းသပ် |
အသွားအလွှတ် | အသွားအလွှတ် စာမေးသတုတ် သို့ လွှတ်သည် | စမ်းသပ် |
လွှတ် | အတော်ကြားဘက်မှ အရှေ့ဘက်သို့ လွှတ်ပြီး နောက်ဆုံး စာမေးသတုတ် သို့ လွှတ်သည် | စမ်းသပ် |
လွှတ် | အတော်ကြားဘက်မှ အရှေ့ဘက်သို့ လွှတ်ပြီး နောက်ဆုံး စာမေးသတုတ် သို့ အသေးစိတ်သို့ လွှတ်သည် | စမ်းသပ် |
လွှတ် | အောက်ဘက်မှ အထက်ဘက်သို့ လွှတ်ပြီး နောက်ဆုံး စာမေးသတုတ် သို့ လွှတ်သည် | စမ်းသပ် |
လွှတ် | အထက်ဘက်မှ အောက်ဘက်သို့ လွှတ်ပြီး နောက်ဆုံး စာမေးသတုတ် သို့ လွှတ်သည် | စမ်းသပ် |
လွှတ် | နောက်ဆုံး စာမေးသတ္တု သို့ လွှတ်သည် | စမ်းသပ် |
အသုံးပြုထားသည် | အဆက်အလွှတ် အလှယ်လွှတ် မရှိ | စမ်းသပ် |
提示:ဂျင်နီဂိုမီ မှာ အသုံးပြုထားသော အလွန်ကျယ်သော အလှယ်လွှတ် အလှယ်ပြန် အလှယ်လွှတ် အသုံးပြုထားသည် (ဘရပ်စ်တာ က ထောက်ပံ့သည် လျှင်)
提示:以上所有效果同时支持反向动作,例如,如果您希望页面从左向右滑动,而不是从右向左,请使用值为 "reverse" 的 data-direction 属性。在后退按钮上是默认的。
အမှတ်အသား
<a href="#pagetwo" data-transition="slide"> data-direction="reverse"
>ပြေးခြင်း</a>
- အရှေ့အစ jQuery Mobile စာကြိုး
- နောက်အစ jQuery Mobile နှိပ်ခြင်း