জুনিউক্স ইফেক্ট - ফেড ইন/ফেড আউট

জুনিউক্স-এর মাধ্যমে, আপনি ইলেকট্রনিক সামগ্রীকে ফেড ইন এবং ফেড আউট ইফেক্ট করতে পারেন

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

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

একটি ইঞ্চি সময় একটি ইঞ্চি সোনা, তাই, আমরা আপনাকে দ্রুত এবং সুলভ শিক্ষামূলক বিষয় প্রদান করি

এখানে, আপনি যে কোনও জ্ঞান পাওয়ার জন্য একটি সুলভ এবং সুবিধাজনক মোডে পাবেন

উদাহরণ

জুনিউক্স fadeIn()
জুনিউক্স fadeIn() মেথডকে প্রদর্শন করুন
জুনিউক্স fadeOut()
জুনিউক্স fadeOut() মেথডকে প্রদর্শন করুন
জুনিউক্স fadeToggle()
জুনিউক্স fadeToggle() মেথডকে প্রদর্শন করুন
জুনিউক্স fadeTo()
জুনিউক্স fadeTo() মেথডকে প্রদর্শন করুন

জুনিউক্স ফেডিং মেথড

জুনিউক্স-এর মাধ্যমে, আপনি ইলেকট্রনিক সামগ্রীকে ফেড ইন এবং ফেড আউট ইফেক্ট করতে পারেন

জুনিউক্স প্রত্যেকটি ফেড মেথডকে প্রদর্শন করে:

  • fadeIn()
  • fadeOut()
  • fadeToggle()
  • fadeTo()

জুনিউক্স fadeIn() মেথড

জুনিউক্স fadeIn() মেথড ব্যবহার করে লুকিয়ে থাকা ইলেকট্রনিক সামগ্রীকে দেখানো হয়।

গ্রামার:

$(selector).fadeIn(,,callback);

বাছাইযোগ্য , পারামিটারটি ইফেক্টের সময়কালকে নির্ধারণ করে। এটি নিম্নলিখিত মান নিতে পারে: "slow"、"fast" বা মিলিসেকেন্ড (মিলি-সেকেন্ড)।

বাছাইযোগ্য callback পারামিটারটি ফেডিং সম্পন্ন হওয়ার পরে চালু করা হতে চাওয়া ফাংশনের নাম。

নিচের উদাহরণটি ভিন্ন প্রামাণ্য প্যারামিটারের সঙ্গে fadeIn() মেথডকে প্রদর্শন করেছে:

উদাহরণ

$("button").click(function(){
  $("#div1").fadeIn();
  $("#div2").fadeIn("slow");
  $("#div3").fadeIn(3000);
});

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

জুনিউক্স fadeOut() মেথড

জুনিউক্স ফেডআউট() মেথড ব্যবহার করে দৃশ্যমান ইলেকট্রনিক সামগ্রীকে ছুঁয়ে দেয়।

গ্রামার:

$(selector.fadeOut(,,callback);

বাছাইযোগ্য , পারামিটারটি ইফেক্টের সময়কালকে নির্ধারণ করে। এটি নিম্নলিখিত মান নিতে পারে: "slow"、"fast" বা মিলিসেকেন্ড (মিলি-সেকেন্ড)।

বাছাইযোগ্য callback পারামিটারটি ফেডিং সম্পন্ন হওয়ার পরে চালু করা হতে চাওয়া ফাংশনের নাম。

নিচের উদাহরণটি fadeOut() পদ্ধতিকে বিভিন্ন পারামিটার নিয়ে প্রদর্শন করে:

উদাহরণ

$("button").click(function(){
  $("#div1").fadeOut();
  $("#div2").fadeOut("slow");
  $("#div3").fadeOut(3000);
});

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

jQuery fadeToggle() পদ্ধতি

jQuery fadeToggle() পদ্ধতি fadeIn() এবং fadeOut() পদ্ধতির মধ্যে পরিবর্তন করতে পারে。

যদি উপাদানটি ফেড আউট হয়েছে, তবে fadeToggle() উপাদানে ফেড ইন ইফেক্ট যোগ করবে。

যদি উপাদানটি ফেড ইন হয়েছে, তবে fadeToggle() উপাদানে ফেড আউট ইফেক্ট যোগ করবে。

গ্রামার:

$(selector).fadeToggle(,,callback);

বাছাইযোগ্য , পারামিটারটি ইফেক্টের সময়কালকে নির্ধারণ করে। এটি নিম্নলিখিত মান নিতে পারে: "slow"、"fast" বা মিলিসেকেন্ড (মিলি-সেকেন্ড)।

বাছাইযোগ্য callback পারামিটারটি ফেডিং সম্পন্ন হওয়ার পরে চালু করা হতে চাওয়া ফাংশনের নাম。

নিচের উদাহরণটি fadeToggle() পদ্ধতিকে বিভিন্ন পারামিটার নিয়ে প্রদর্শন করে:

উদাহরণ

$("button").click(function(){
  $("#div1").fadeToggle();
  $("#div2").fadeToggle("slow");
  $("#div3").fadeToggle(3000);
});

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

jQuery fadeTo() পদ্ধতি

jQuery fadeTo() পদ্ধতি দেওয়া হতে চাওয়া অপ্যাক্সি মাত্রা (মাত্রা 0 থেকে 1) হিসাবে গ্রাদুয়েলি পরিবর্তন করতে অনুমতি দেয়。

গ্রামার:

$(selector).fadeTo(,,opacity,callback);

অপরিহার্য speed পারামিটার ইফেক্টের সময়কালকে নির্ধারণ করে। এটি নিম্নলিখিত মান নিতে পারে: "slow"、"fast" বা মিলিসেকেন্ড (মিলি-সেকেন্ড)।

fadeTo() পদ্ধতিতে অপশনাল opacity পারামিটার ফ্যাড ইন/ফ্যাড আউট ইফেক্টকে দেওয়া হতে চাওয়া অপ্যাক্সি মাত্রা (মাত্রা 0 থেকে 1) হিসাবে নির্ধারণ করে。

বাছাইযোগ্য callback পারামিটার হল ফাংশনটির কাজ সম্পন্ন হওয়ার পরে চালু করা হতে চাওয়া ফাংশনের নাম。

নিচের উদাহরণটি fadeTo() পদ্ধতিকে বিভিন্ন পারামিটার নিয়ে প্রদর্শন করে:

উদাহরণ

$("button").click(function(){
  $("#div1").fadeTo("slow",0.15);
  $("#div2").fadeTo("slow",0.4);
  $("#div3").fadeTo("slow",0.7);
});

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

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

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