جی کوئی اموبائل ترانزیشن
- پچھلے پیج جی کوئی اموبائل پیج
- پائیدار پیج جی کوئی اموبائل بٹن
ਜੂਐਲਸਕਰਿਪਟ ਮੋਬਾਈਲ ਨੂੰ ਪੰਨੀ ਖੁੱਲਣ ਦੇ ਤਰੀਕੇ ਚੁਣਨ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ ਕੀਤੇ ਹਨ CSS ਪ੍ਰਭਾਵ
ਜੂਐਲਸਕਰਿਪਟ ਮੋਬਾਈਲ ਟ੍ਰਾਂਜਿਸ਼ਨ ਪ੍ਰਭਾਵ
ਜੂਐਲਸਕਰਿਪਟ ਮੋਬਾਈਲ ਨੂੰ ਇੱਕ ਲੜੀ ਵਾਲੇ ਪ੍ਰਭਾਵਾਂ ਦਾ ਪ੍ਰਬੰਧ ਹੈ ਜਿਸ ਨਾਲ ਇੱਕ ਪੰਨੀ ਤੋਂ ਦੂਜੀ ਪੰਨੀ ਤੱਕ ਟ੍ਰਾਂਜਿਸ਼ਨ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ。
ਟਿੱਪਣੀ:ਟ੍ਰਾਂਜਿਸ਼ਨ ਪ੍ਰਭਾਵ ਲਈ ਬਰਾਉਜ਼ਰ ਨੂੰ CSS3 3D ਟ੍ਰਾਂਜਿਸ਼ਨ ਸਮਰਥਨ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ:
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
- ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 10 3D ਟ੍ਰਾਂਜਿਸ਼ਨ ਸਮਰਥਨ ਕਰਦਾ ਹੈ (ਆਰੰਭਿਕ ਆਵਰਣ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ ਹੈ)
- ਓਪੇਰਾ ਅਜੇ ਵੀ 3D ਟ੍ਰਾਂਜਿਸ਼ਨ ਨਹੀਂ ਸਮਰਥਨ ਕਰਦਾ ਹੈ
ਟ੍ਰਾਂਜਿਸ਼ਨ ਪ੍ਰਭਾਵ ਕੋਈ ਲਿੰਕ ਜਾਂ data-transition ਅਤੇਤੋਂ ਉਪਯੋਗ ਕੀਤੇ ਜਾ ਰਹੇ ਫਾਰਮ ਸੰਮੇਲਨ 'ਤੇ ਲਗਾਇਆ ਜਾ ਸਕਦਾ ਹੈ:
<a href="#anylink" data-transition="slide">ਸਕਰਾਲ ਕਰਕੇ ਪੰਨਾ ਦੋ</a>
ਹੇਠ ਦੇ ਸਟੇਬਲ ਵਿੱਚ data-transition ਅਤੇਤੋਂ ਉਪਯੋਗ ਕੀਤੇ ਜਾ ਸਕਣ ਵਾਲੇ ਟ੍ਰਾਂਜਿਸ਼ਨਾਂ ਦਿਖਾਏ ਗਏ ਹਨ:
| ਟ੍ਰਾਂਜਿਸ਼ਨ | ਵਰਣਨ | ਟੈਸਟ |
|---|---|---|
| ਫੇਡ | ਮੂਲਤਬੀ। ਅਗਲੀ ਪੰਨੀ ਲਈ ਫੇਡ ਇਨ ਫੇਡ ਆਊਟ | ਟੈਸਟ |
| ਫਲਿੱਪ | ਪਿੱਛੋਂ ਤੋਂ ਅੱਗੇ ਫਲੀਪ ਕਰਕੇ ਅਗਲੀ ਪੰਨੀ ਲਈ ਜਾਓ。 | ਟੈਸਟ |
| ਫਲੋ | ਮੌਜੂਦਾ ਪੰਨੀ ਨੂੰ ਫੇਂਕੋ ਅਤੇ ਅਗਲੀ ਪੰਨੀ ਲਈ ਜਾਓ。 | ਟੈਸਟ |
| ਪੋਪ | ਪੋਪ ਵਾਂਗ ਅਗਲੀ ਪੰਨੀ ਲਈ ਜਾਓ。 | ਟੈਸਟ |
| ਸਲਾਈਡ | ਦਾਹਨ ਤੋਂ ਖੱਡੀ ਹੋਕੇ ਅਗਲੀ ਪੰਨੀ ਲਈ ਜਾਓ。 | ਟੈਸਟ |
| ਸਲਾਈਡਫੇਡ | ਦਾਹਨ ਤੋਂ ਖੱਡੀ ਹੋਕੇ ਅਗਲੀ ਪੰਨੀ ਲਈ ਸਕਰਾਲ ਕਰੋ。 | ਟੈਸਟ |
| ਸਲਾਈਡਅੱਪ | ਨੀਚੇ ਤੋਂ ਉੱਪਰ ਸਕਰਾਲ ਕਰਕੇ ਅਗਲੀ ਪੰਨੀ ਲਈ ਜਾਓ。 | ਟੈਸਟ |
| ਸਲਾਈਡਡਾਉਨ | ਉੱਪਰ ਤੋਂ ਨੀਚੇ ਸਕਰਾਲ ਕਰਕੇ ਅਗਲੀ ਪੰਨੀ ਲਈ ਜਾਓ。 | ਟੈਸਟ |
| ਟਰਨ | ਅਗਲੀ ਪੰਨੀ ਲਈ ਜਾਓ。 | ਟੈਸਟ |
| ਨਾਨ | ਕੋਈ ਟ੍ਰਾਂਜਿਸ਼ਨ ਪ੍ਰਭਾਵ ਨਹੀਂ ਹੈ。 | ਟੈਸਟ |
نکاتی:ਜੂਐਲਸਕਰਿਪਟ ਮੋਬਾਈਲ ਵਿੱਚ, ਫੇਡ ਇਨ ਫੇਡ ਆਊਟ ਪ੍ਰਭਾਵ ਸਾਰੇ ਲਿੰਕਾਂ 'ਤੇ ਮੂਲਤਬੀ ਹੈ (ਜੇਕਰ ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ ਕਰਦਾ ਹੈ ਤਾਂ)。
نکاتی:تمام اثرات کا استعمال کریں تاکہ کسی بھی سمت میں برعکس عمل انجمن کریں، مثلاً اگر آپ چاہتے ہیں کہ پیج سمت چپ سے راست تک سلیڈ ہو، نہ کہ راست سمت سے چپ تک، تو data-direction کا مقصد "reverse" استعمال کریں جو پیش دینا آپ کی پیشکش پر آگاہیں.
مثال
<اگلایا پر لنگ data-transition="slide" data-direction="reverse">سلیڈ
- پچھلے پیج جی کوئی اموبائل پیج
- پائیدار پیج جی کوئی اموبائل بٹن
