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ක්රමය,
අංගවල ගුණාංග සජීවීකරණය කරයි
