fadeTo পদ্ধতি

fadeTo পদ্ধতিটি স্বচ্ছতা নামিয়ে আনে একটি নির্দিষ্ট মান পর্যন্ত, 0 থেকে 1 এর মধ্যে।

বাক্য গঠন

যেকোনো ব্যবহারের ক্ষেত্রে পদ্ধতিটির মাধ্যমে সময়কাল এবং স্বচ্ছতা নির্দিষ্ট করা হয়। নির্দিষ্ট সময়ে স্বচ্ছতা পরিবর্তন, ডিফল্টভাবে 400ms:

javascript.fadeTo(সময়কাল, স্বচ্ছতার মান);

সময় শুধুমাত্র মিলিসেকেন্ডেই নয়, slow (600ms) এবং fast (200ms) কীওয়ার্ড দিয়েও নির্দিষ্ট করা যায়, মান যত বেশি, অ্যানিমেশন তত ধীর:

javascript.fadeTo('slow' বা 'fast', স্বচ্ছতার মান);

তৃতীয় (ঐচ্ছিক) প্যারামিটার হিসেবে একটি callback-ফাংশন পাঠানো যেতে পারে - অ্যানিমেশন সম্পন্ন হওয়ার পরে কার্যকর হবে:

javascript.fadeTo(সময়কাল, স্বচ্ছতার মান, [callback-ফাংশন]);

ঐচ্ছিক প্যারামিটার হিসেবে ইজিং ফাংশন এবং callback-ফাংশনও পাঠানো যেতে পারে - অ্যানিমেশন সম্পন্ন হওয়ার পরে কার্যকর হবে:

javascript.fadeTo(সময়কাল, স্বচ্ছতার মান, [ইজিং ফাংশন], [callback-ফাংশন]);

উদাহরণ

নিচের উদাহরণে, fadeTo পদ্ধতি ব্যবহার করে #hide বাটনে ক্লিক করলে #test উপাদানটি স্বচ্ছতা 0.5 এ কমিয়ে আনা হবে, আর #show বাটনে ক্লিক করলে - পুনরায় দেখানো হবে:

html<button id="hide">hide</button>
<button id="show">show</button>
<div id="test"></div>

css#test {
  width: 200px;
  height: 200px;
  background: green;
  color: white;
  margin-top: 10px;
}

javascript$('#show').on('click', function() {
  $('#test').fadeTo(1000, 1);
});

$('#hide').on('click', function() {
  $('#test').fadeTo(1000, 0.5);
});

আরও দেখুন