hide ක්‍රමය

hide ක්‍රමය මූලද්‍රව්‍ය සැහැල්ලුවෙන් සඟවයි. show ක්‍රමය භාවිතයෙන් මූලද්‍රව්‍ය නැවත පෙන්විය හැකිය.

වාක්‍ය රචනය

දී ඇති කාලයක් තුළ අතුරුදහන් වීම, පෙරනිමියෙන් 400ms:

javascript.hide(කාලසීමාව);

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

javascript.hide('slow' හෝ 'fast');

පරාමිතීන් නොදක්වන්නේ නම් - සජීවිකරණයක් නොමැත, මූලද්‍රව්‍ය ක්ෂණිකව සඟවනු ඇත:

javascript.hide();

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

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

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

javascript.hide(විකල්ප);

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

javascript.hide( {duration: 800, easing: easeInSine} );

උදාහරණය

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

html<button id="test">පෙළ සඟවන්න</button>
<p>පෙළ</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('සජීවිකරණය සම්පූර්ණයි')
  });
});

මෙයද බලන්න