jQuery ইফেক্ট - স্ক্রল

jQuery স্লাইডিং মেথড এলিমেন্টকে উপর/নিচে স্লাইড করতে পারে。

প্রভাব প্রদর্শন

এখানে ক্লিক করুন, প্যানেল লুকানো/দেখানো

একটি সেকেন্ড একটি সেকেন্ড জয়েন্ডা, তাই, আমরা আপনাকে দ্রুত ও সহজ শিক্ষার বিষয় প্রদান করি。

এখানে, আপনি যে কোনও জ্ঞান পাবেন একটি সুলভ ও সহজ পদ্ধতিতে。

প্রকল্প

jQuery slideDown()
jQuery slideDown() পদ্ধতির প্রদর্শন
jQuery slideUp()
jQuery slideUp() পদ্ধতির প্রদর্শন
jQuery slideToggle()
jQuery slideToggle() পদ্ধতির প্রদর্শন

jQuery স্লাইডিং পদ্ধতি

jQuery-র মাধ্যমে, আপনি উপাদানের উপর স্লাইডিং ইফেক্ট তৈরি করতে পারেন

jQuery এর মধ্যে নিম্নলিখিত স্লাইডিং পদ্ধতি রয়েছে:

  • slideDown()
  • slideUp()
  • slideToggle()

jQuery slideDown() পদ্ধতি

jQuery slideDown() পদ্ধতি উপাদানকে নিচে স্লাইড করার জন্য ব্যবহৃত হয়。

সংজ্ঞা:

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

অপশনাল speed পারামিটারটি প্রভাব সময়কে নির্ধারণ করে। এটি নিম্নলিখিত মান নিতে পারে: "slow"、"fast" বা মিলিসেকেন্ড

অপশনাল callback পারামিটারটি স্লাইডিং করা শেষ হলে কার্যকরিতা করা হবে এবং তা করা হবে এই নামটির মাধ্যমে।

নিচের উদাহরণটি slideDown() পদ্ধতিকে প্রদর্শন করে:

প্রকল্প

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

স্বয়ং প্রয়োগ করে দেখুন

jQuery slideUp() পদ্ধতি

jQuery slideUp() পদ্ধতি উপাদানকে উপরে স্লাইড করার জন্য ব্যবহৃত হয়。

সংজ্ঞা:

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

অপশনাল speed পারামিটারটি প্রভাব সময়কে নির্ধারণ করে। এটি নিম্নলিখিত মান নিতে পারে: "slow"、"fast" বা মিলিসেকেন্ড

অপশনাল callback প্রাপ্ত পারামিটারটি স্লাইডিং করা শেষ হলে কার্যকরিতা করা হবে এবং তা করা হবে এই নামটির মাধ্যমে।

নিচের উদাহরণটি slideUp() পদ্ধতিকে প্রদর্শন করে:

প্রকল্প

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

স্বয়ং প্রয়োগ করে দেখুন

jQuery slideToggle() পদ্ধতি

jQuery slideToggle() পদ্ধতি slideDown() এবং slideUp() পদ্ধতির মধ্যে পরিবর্তন করতে পারে。

যদি উপাদান নিচে স্লাইড করা হয়, তবে slideToggle() তা উপরে স্লাইড করতে পারে。

যদি উপাদান উপরে স্লাইড করা হয়, তবে slideToggle() তা নিচে স্লাইড করতে পারে。

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

অপশনাল speed পারামিটারটি প্রভাব সময়কে নির্ধারণ করে। এটি নিম্নলিখিত মান নিতে পারে: "slow"、"fast" বা মিলিসেকেন্ড

অপশনাল callback প্রাপ্ত পারামিটারটি স্লাইডিং করা শেষ হলে কার্যকরিতা করা হবে এবং তা করা হবে এই নামটির মাধ্যমে।

নিচের উদাহরণটি slideToggle() পদ্ধতিকে প্রদর্শন করে:

প্রকল্প

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

স্বয়ং প্রয়োগ করে দেখুন

jQuery ইফেক্ট রেফারেন্স ম্যানুয়েল

যদি আপনি jQuery ইফেক্টকে সম্পূর্ণরূপে দেখতে চান, তবে আমাদের jQuery ইফেক্ট রেফারেন্স ম্যানুয়েল