fadeTo পদ্ধতি

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

বাক্য গঠন

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

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

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

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

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

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

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

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

উদাহরণ

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

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

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

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

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

আরও দেখুন

fadeToggle পদ্ধতি,
যা উপাদানের স্বচ্ছতা পরিবর্তন করে
fadeIn পদ্ধতি,
যা ধীরে ধীরে লুকানো উপাদানগুলি দেখায়, সেগুলিকে অস্বচ্ছ করে
animate পদ্ধতি,
যা উপাদানের বৈশিষ্ট্যগুলি অ্যানিমেট করে