jQuery-তে fadeTo পদ্ধতি

fadeTo পদ্ধতিটি একটি উপাদানের opacity একটি নির্দিষ্ট মান পর্যন্ত (0 - সম্পূর্ণরূপে স্বচ্ছ, 1 - সম্পূর্ণরূপে অস্বচ্ছ) কমাতে দেয়। পদ্ধতিটি প্রথম প্যারামিটার হিসেবে গ্রহণ করে কোন মান পর্যন্ত স্বচ্ছতা পরিবর্তন করতে হবে, এবং দ্বিতীয় প্যারামিটার হিসেবে গ্রহণ করে কার্যকর করার সময়।

আসুন আমরা এমন করি যাতে একটি বাটনে ক্লিক করলে আমাদের উপাদানটি 1 সেকেন্ডে অর্ধ-স্বচ্ছ হয়ে যায়। শুরুতে নিচের HTML কোডটি নেওয়া যাক:

html<button id="fade">click me</button>
<div id="elem">text...</div>

আসুন আমাদের কাছে CSS-ও থাকুক:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

এখন নিচের Javascript কোডটি লিখি:

javascript$('#fade').click(function() {
  $('#elem').fadeTo(1000, 0.5);
});