Slide



যেক্যুয়েরী দিয়ে বিভিন্ন html এলিমেন্টে স্লাইডার এফেক্ট তৈরি করা যায়।


slide মেথড

যেক্যুয়েরীতে Slide এফেক্ট তৈরি করার জন্য যে সকল Slide মেথড আছে সেগুলো হল নিম্মরুপ -
- slideDown()
- slideUp()()
- slideToggle()


slideDown() মেথড

কোন এলিমেন্টকে নিচের দিকে slide করতে slideDown() মেথড ব্যবহার করা হয়। নিচে এর সিনট্যাক্স দেখুন।

সিনট্যাক্স

$(selector).slideDown(speed,callback);

অপশনাল স্পীড প্যারামিটার ব্যবহার করে এফেক্ট এর স্থায়ীত্ব নির্ধারণ করে দেয়া যায়। এর মান "slow", "fast" বা মিলিসেকেন্ড হতে পারে। অপশনাল কলব্যাক প্যারামিটারটি ফেইড সমাপ্ত হওয়া পর্যন্ত কার্যকর থাকে।

নিম্নলিখিত উদাহরণে বিভিন্ন প্যারামিটারের সঙ্গে slideDown() মেথডের ব্যবহার দেখানো হল -

উদাহরণ

$("#flip").click(function(){
$("#panel").slideDown(slow,2000);
});



slideUp() মেথড

কোন এলিমেন্টকে ওপরের দিকে slide করতে slideUp() মেথড ব্যবহার করা হয়। নিচে এর সিনট্যাক্স দেখুন।

সিনট্যাক্স

$(selector).slideUp(speed,callback);

অপশনাল স্পীড প্যারামিটার ব্যবহার করে এফেক্ট এর স্থায়ীত্ব নির্ধারণ করে দেয়া যায়। এর মান "slow", "fast" বা মিলিসেকেন্ড হতে পারে। অপশনাল কলব্যাক প্যারামিটারটি ফেইড সমাপ্ত হওয়া পর্যন্ত কার্যকর থাকে।

নিম্নলিখিত উদাহরণে বিভিন্ন প্যারামিটারের সঙ্গে slideUp() মেথডের ব্যবহার দেখানো হল -

উদাহরণ

$("#flip").click(function(){
$("#panel").slideUp();
});



slideToggle() মেথড

slideToggle() মেথড slideDown() মেথড এবং slideUp() মেথড এর মধ্যে toggle করে।

অর্থাৎ যদি কোন এলিমেন্টকে নিচের দিকে slide কর হয়েছে এমন হয় তবে slideToggle() তা ওপরের দিকে slide করে অথবা যদি কোন এলিমেন্টকে ওপরের দিকে slide কর হয়েছে এমন হয় তবে slideToggle() তা নিচের দিকে slide করে।

নিচে এর সিনট্যাক্স দেখুন।

সিনট্যাক্স

$(selector).slideToggle(speed,callback);

অপশনাল স্পীড প্যারামিটার ব্যবহার করে এফেক্ট এর স্থায়ীত্ব নির্ধারণ করে দেয়া যায়। এর মান "slow", "fast" বা মিলিসেকেন্ড হতে পারে। অপশনাল কলব্যাক প্যারামিটারটি ফেইড সমাপ্ত হওয়া পর্যন্ত কার্যকর থাকে।

নিম্নলিখিত উদাহরণে বিভিন্ন প্যারামিটারের সঙ্গে slideToggle() মেথডের ব্যবহার দেখানো হল -

উদাহরণ

$("#flip").click(function(){
$("#panel").slideToggle();
});








এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.