slideDown ක්‍රමය

slideDown ක්‍රමය සැඟවුණු අංග මෘදු ලෙස පෙන්වයි, ඉහළ සිට පහළට ඒවා රෝල් කරමින්. අංග සැඟවීම සඳහා slideUp ක්‍රමය භාවිතා කළ හැකිය.

වාක්‍ය රචනා ක්‍රමය

නිශ්චිත කාලයකින් පෙන්වීම, 400ms පෙරනිමිය ලෙස:

.slideDown(කාලසීමාව);

කාලය මිලිතත්පරවලින් පමණක් නොව, slow (600ms) සහ fast (200ms) යන යතුරු වචන වලින් ද සැකසිය හැකිය, වටිනාකම වැඩි වන තරමට, සජීවිකරණය සෙමින් සිදු වේ:

.slideDown('slow' හෝ 'fast');

පරාමිතීන් නොදැක්වුවහොත් - සජීවිකරණයක් සිදු නොවේ, අංග ක්ෂණිකව පෙන්වනු ලැබේ:

.slideDown();

දෙවන පරාමිතියක් ලෙස සුමට කාර්යයක් පවා යැවිය හැකිය, සහ තෙවන පරාමිතියක් ලෙස callback-කාර්යය - සජීවිකරණය සම්පූර්ණ කිරීමෙන් පසු ක්‍රියාත්මක වේ. පරාමිති දෙකම අනිවාර්ය නොවේ:

.slideDown(කාලසීමාව, [සුමට කාර්යය], [callback-කාර්යය]);

විවිධ විකල්ප ක්‍රමයට ලබා දිය හැකිය, JavaScript වස්තුවක් ආකාරයෙන්, අඩංගු වන යතුර: අගය යුගල:

.slideDown(options);

එවැනි වස්තුවක් පහත සඳහන් පරාමිති සහ කාර්යයන් යැවිය හැකිය - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. මෙම පරාමිති විස්තර ඔබට animate ක්‍රමය සඳහා බැලිය හැකිය. උදාහරණයක් ලෙස, කාලසීමාව සහ සුමට කාර්යය සකසමු:

.slideDown( {duration: 600, easing: easeInSine} );

උදාහරණය

අපි බොත්තම එබීමෙන් පසු, සැඟවුණු ඡේදය slideDown ක්‍රමය භාවිතයෙන් මෘදු ලෙස පෙන්වමු. යැවීමෙන් යතුරු වචනය slow, අපි වේගය 600ms වෙත සකසමු. සජීවිකරණය අවසන් වූ පසු අපි කොන්සෝලයට 'Animation complete' ප්‍රතිදානය කරමු:

<button>පෙන්වන්න text</button>
<p style="display: none">text</p>

$('button').click(function() {
	$('p').slideDown('slow', function() {
		console.log('Animation complete')
	});
});

තවද බලන්න

slideUp ක්‍රමය,
අංග මෘදු ලෙස සඟවයි
slideToggle ක්‍රමය,
මෘදු අංග පෙන්වීම/සැඟවීම ප්‍රත්‍යාවර්ත කරයි
fadeIn ක්‍රමය,
සැඟවුණු අංග මෘදු ලෙස පෙන්වයි, ඒවා අපාරදර්ශී කරමින්
show ක්‍රමය,
අංග මෘදු ලෙස පෙන්වයි