jQuery Mobile ট্রানজিশন

জিকুইর মোবাইল পৃষ্ঠা খুলতে কোনও সাইট স্টাইল ইফেক্ট দেয়

জিকুইর মোবাইল ট্রানজিশন ইফেক্ট

জিকুইর মোবাইল একটি শৃঙ্খলা প্রদান করে, যা একটি পৃষ্ঠা থেকে অন্যটি পৃষ্ঠায় পারে যাওয়ার ইফেক্ট

মন্তব্য:যদি আপনি ট্রানজিশন ইফেক্ট করতে চান, তবে ব্রাউজারটি ক্যাস্স সি থ্রি-ডি ট্রানজিশনকে সমর্থন করতে হবে:

ব্রাউজার সমর্থন

  • ইন্টারনেট এক্সপ্লোরার 10 3D ট্রানজিশনকে সমর্থন করে (আরও পুরানী সংস্করণগুলো সমর্থন করে না)
  • ওপেরা এখনও 3D ট্রানজিশনকে সমর্থন করে না

ট্রানজিশন ইফেক্ট কোনও লিঙ্ক বা data-transition অ্যাট্রিবিউট দ্বারা করা ফর্ম সম্মান প্রদান করা যেতে পারে:

<a href="#anylink" data-transition="slide">পৃষ্ঠা দুইতে স্লাইড করুন</a>

নিচের টেবিলটি ডাটা-ট্রানজিশন অ্যাট্রিবিউটের সাথে ব্যবহার্য ট্রানজিশনগুলোকে দেখায়:

ট্রানজিশন বর্ণনা পরীক্ষা
ফ্লেইড ডিফল্ট। পরবর্তী পৃষ্ঠায় ফ্ল্যাশ ইন এবং ফ্ল্যাশ আউট পরীক্ষা
ফ্লিপ পরবর্তী পৃষ্ঠায় পিছন থেকে ফ্রন্ট দিকে ফ্লিপ করুন পরীক্ষা
ফ্লো বর্তমান পৃষ্ঠা ফেলে পরবর্তী পৃষ্ঠা চালু করুন পরীক্ষা
পপ পপ উপাদানের মতো পরবর্তী পৃষ্ঠায় যান পরীক্ষা
স্লাইড ডান থেকে বাঁদিকে স্লাইড করে পরবর্তী পৃষ্ঠায় পরীক্ষা
স্লাইডফ্লেইড ডান থেকে বাঁদিকে স্লাইড করে এবং ফ্ল্যাশ ইন পরবর্তী পৃষ্ঠায় পরীক্ষা
স্লাইডআপ নীচে থেকে উপর স্লাইড করে পরবর্তী পৃষ্ঠায় যান পরীক্ষা
স্লাইডডাউন উপর থেকে নীচে স্লাইড করে পরবর্তী পৃষ্ঠায় যান পরীক্ষা
টার্ন পরবর্তী পৃষ্ঠায় যান পরীক্ষা
নিষ্ক্রিয় কোনও ট্রানজিশন ইফেক্ট নেই。 পরীক্ষা

সূচনা:জিকুইর মোবাইলে, ফ্ল্যাশ ইন এবং ফ্ল্যাশ আউট ইফেক্ট সব লিঙ্কের জন্য ডিফল্ট (যদি ব্রাউজারটি সমর্থন করে)।

সূচনা:এই সকল প্রভাবগুলির বিপরীত পদ্ধতিরও সমর্থন করা হয়, যেমন, যদি আপনি পেজকে ডান থেকে বামে স্লাইড করতে চান, না তবে ডান থেকে বামে, তবে data-direction এট্রিবিউটের মান "reverse" ব্যবহার করুন।ডান থেকে বামে স্লাইড করার জন্য এটা ডিফল্ট হয়।

ইনস্ট্যান্স

<a href="#pagetwo" data-transition="slide" data-direction="reverse">স্লাইডিং</a>

আপনার হাতে পরীক্ষা করুন