జెక్కీమ్యూబిల్ ట్రాన్సిషన్
జిక్రో మొబైల్ పేజీని పునఃప్రవేశపెడతారు ఎలా ఎంచుకోవచ్చు అనేది CSS ప్రభావాలను కలిగి ఉంటుంది.
జిక్రో మొబైల్ ట్రాన్సిషన్ ప్రభావాలు
జిక్రో మొబైల్ ఒక శ్రేణి పేజీల మధ్య పరివర్తనల ప్రభావాలను కలిగి ఉంటుంది.
నోట్ ఎక్స్‌ప్లేనేషన్:ట్రాన్సిషన్ అనేది అమలు చేయడానికి, బ్రౌజర్ కు CSS3 3D ట్రాన్స్‌ఫర్మేషన్‌లను మద్దతు చేయాలి:
బ్రౌజర్ మద్దతు
- ఇంటర్నెట్ ఎక్స్‌ప్లోరర్ 10 ముందస్తు వెర్షన్లు 3D ట్రాన్స్‌ఫర్మేషన్‌లను మద్దతు చేయలేదు.
- ఒపేరా ఇప్పటికీ 3D ట్రాన్స్‌ఫర్మేషన్‌లను మద్దతు చేయలేదు.
ట్రాన్సిషన్ అనేది ఏ లింకులపైనా అనువర్తించబడవచ్చు లేదా data-transition అటాచ్‌మెంట్ ద్వారా ఫారమ్ సబ్మిషన్ ద్వారా అనువర్తించబడవచ్చు:
<a href="#anylink" data-transition="slide">పేజీ రెండవకు స్లైడ్‌గా ప్రయాణించండి</a>
సింగిల్ ట్రాన్సిషన్ అటాచ్‌మెంట్ కార్యకలాపాలు కనిపించే కింది పట్టిక దిగువ ట్రాన్సిషన్ అటాచ్‌మెంట్ కార్యకలాపాలను చూపిస్తుంది:
| ట్రాన్సిషన్ | వివరణ | పరీక్ష |
|---|---|---|
| ఫ్లాట్ ఫ్లే | డిఫాల్ట్. తరువాతి పేజీకి ఫ్లాట్ ఫ్లే స్లైడ్. | పరీక్ష |
| ఫ్లిప్ | తరువాతి పేజీకి కొనసాగించడానికి పీఠం నుండి ముందుకు స్లైడ్‌అప్ స్లైడ్ మరియు ఫ్లాట్ ఫ్లే. | పరీక్ష |
| ఫ్లో | ప్రస్తుత పేజీని తొలగించి, తరువాతి పేజీని ప్రవేశపెడతారు. | పరీక్ష |
| పాప్ | డాంప్లేన్ వలె తరువాతి పేజీకి పాప్ స్లైడ్ మరియు ఫ్లాట్ ఫ్లే. | పరీక్ష |
| స్లైడ్ | డాంప్లేన్ వలె తరువాతి పేజీకి స్లైడ్ స్లైడ్ మరియు ఫ్లాట్ ఫ్లే. | పరీక్ష |
| స్లైడ్‌ఫేడ్ | డాంప్లేన్ వలె తరువాతి పేజీకి స్లైడ్‌ఫేడ్ స్లైడ్ మరియు ఫ్లాట్ ఫ్లే. | పరీక్ష |
| స్లైడ్‌అప్ | క్రిందకు నుండి పైకి స్లైడ్‌అప్ తరువాతి పేజీకి. | పరీక్ష |
| స్లైడ్‌డౌన్ | పైకి నుండి క్రిందకు స్లైడ్‌డౌన్ తరువాతి పేజీకి. | పరీక్ష |
| టర్న్ | తరువాతి పేజీకి మారండి. | పరీక్ష |
| నాన్ | ట్రాన్సిషన్ ఉండదు. | పరీక్ష |
提示：జిక్రో మొబైల్‌లో, అన్ని లింకులపై ఫ్లాట్ ఫ్లే ప్రాధమికంగా ఉంటుంది (బ్రౌజర్ మద్దతు ఉంటే).
提示：以上所有效果同时支持反向动作，例如，如果您希望页面从左向右滑动，而不是从右向左，请使用值为 "reverse" 的 data-direction 属性。在后退按钮上是默认的。
实例
data-direction="reverse">滑动
