slideUp ක්රමය
slideUp ක්රමය මූලද්රව්ය පහළ සිට ඉහළට රෝල් කරමින් සිනිඳුව සඟවයි. මූලද්රව්ය නැවත පෙන්විය හැක්කේ
slideDown ක්රමය භාවිතයෙනි.
වාග් රීතිය
දී ඇති කාලයක් තුළ සඟවීම,
400ms පෙරනිමිය ලෙස:
.slideUp(කාලසීමාව);
කාලය මිලිතතිරංදු වලින් පමණක් නොව, මූලපද slow (600ms)
සහ fast (200ms) මගින් ද දැක්විය හැක, අගය වැඩි වන තරමට
ඇනිමේෂනය මන්දගාමී වේ:
.slideUp('slow' හෝ 'fast');
පරාමිතීන් නොදක්වන්නේ නම් - ඇනිමේෂනය සිදු නොවේ, මූලද්රව්ය ක්ෂණිකව සඟවනු ඇත:
.slideUp();
දෙවන පරාමිතිය ලෙස පිළිගැනීමේ ශ්රිතයක්, සහ තෙවන පරාමිතිය ලෙස callback-ශ්රිතයක් - ඇනිමේෂනය ක්රියාත්මක වූ පසු ක්රියාකරනු ඇත. පරාමිති දෙකම අනිවාර්ය නොවේ:
.slideUp(කාලසීමාව, [පිළිගැනීමේ ශ්රිතය], [callback-ශ්රිතය]);
විවිධ විකල්ප ක්රමයට යොදවිය හැක, JavaScript වස්තුවක ආකාරයෙන්, අඩංගු වන යතුරු: අගය යුගල:
.slideUp(විකල්ප);
එවැනි වස්තුවක් පහත පරාමිති
සහ ශ්රිත සම්ප්රේෂණය කළ හැක - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. මෙම
පරාමිති පිළිබඳ විස්තර ඔබට නරඹා ගත හැක්කේ
animate ක්රමය සඳහාය. උදාහරණයක් ලෙස,
කාලසීමාව සහ පිළිගැනීමේ ශ්රිතය සකසමු:
.slideUp( {duration: 800, easing: easeInSine} );
උදාහරණය
අපි බොත්තම ඔබා ඇති පසු, සිනිඳුව සඟවමු
මාපක div, එය අංගය සහ බොත්තම අඩංගු වේ,
slideUp ක්රමය භාවිතා කරමින් (මෙම
div අපට සොයා ගනිමු
parent ක්රමය භාවිතයෙන්).
මූලපදය slow යොදවීමෙන්, අපි සකසමු
වේගය 600ms දක්වා. div එකේ #test
අපි 'Text is hidden' ලේබලය මුද්රණය කරමු:
<div>
<button>පෙළ සඟවන්න</button>
<input type="text" value="aaa">
</div>
<div id="test"></div>
$('button').click(function() {
$(this).parent().slideUp('slow', function() {
$('#test').text('Text is hidden');
});
});
මෙයත් බලන්න
-
slideDownක්රමය,
මූලද්රව්ය සිනිඳුව පෙන්වන -
slideToggleක්රමය,
මූලද්රව්ය සිනිඳුව පෙන්වීම/සැඟවීම විකල්ප කරන -
fadeOutක්රමය,
මූලද්රව්ය සිනිඳුව සඟවන, ඒවා පාරදෘෂ්ය කරවන -
hideක්රමය,
මූලද්රව්ය සිනිඳුව සඟවන
