jQuery හි fadeTo ක්‍රමය

fadeTo ක්‍රමය එක් අංගයක opacity නිශ්චිත අගයක් දක්වා අඩු කිරීමට ඉඩ සලසයි (0 - සම්පූර්ණයෙන් විනිවිද පෙනෙන, 1 - සම්පූර්ණයෙන් විනිවිද නොපෙනෙන). පළමු පරාමිතිය ලෙස ක්‍රමය විනිවිද පෙනෙන බව යා කළ යුතු අගය ගනී, දෙවන පරාමිතිය ලෙස ක්‍රියාත්මක කිරීමේ කාලය ගනී.

අපි බොත්තමක් මත ක්ලික් කිරීමෙන් අපගේ අංගය අර්ධ විනිවිද පෙනෙන තත්වයට 1 තත්පරයකින් පත් වන පරිදි කරමු. පළමුව, පහත HTML කේතය ගනිමු:

<button id="fade">මාව ක්ලික් කරන්න</button>
<div id="elem">පෙළ...</div>

අපට CSS ද ඇති යැයි උපකල්පනය කරමු:

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

දැන් පහත Javascript කේතය ලියන්න:

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