show মেথড

show মেথডটি লুকানো এলিমেন্টগুলিকে মসৃণভাবে প্রদর্শন করে। hide মেথড ব্যবহার করে এলিমেন্টগুলি লুকানো যেতে পারে।

সিনট্যাক্স

মিলিসেকেন্ডে নির্দিষ্ট সময়ের জন্য প্রদর্শন, ডিফল্টভাবে 400ms:

javascript.show(duration);

সময় শুধুমাত্র মিলিসেকেন্ডেই নয়, slow (600ms) এবং fast (200ms) কীওয়ার্ড দিয়েও নির্দিষ্ট করা যেতে পারে, মান যত বেশি হবে, অ্যানিমেশন তত ধীর হবে:

javascript.show('slow' বা 'fast');

যদি কোনো প্যারামিটার উল্লেখ না করা হয় - অ্যানিমেশন হবে না, এলিমেন্টগুলি তাৎক্ষণিকভাবে প্রদর্শিত হবে:

javascript.show();

দ্বিতীয় প্যারামিটার হিসেবে ইজিং ফাংশন পাস করা যেতে পারে, এবং তৃতীয় প্যারামিটার হিসেবে একটি কলব্যাক ফাংশন পাস করা যেতে পারে - অ্যানিমেশন সম্পূর্ণ হওয়ার পরে কাজ করবে। উভয় প্যারামিটারই ঐচ্ছিক:

javascript.show(duration, [easing function], [callback function]);

মেথডে বিভিন্ন অপশন পাস করা যেতে পারে, জাভাস্ক্রিপ্ট অবজেক্ট আকারে, যাতে key: value জোড়া থাকে:

javascript.show(options);

এই ধরনের একটি অবজেক্ট নিম্নলিখিত প্যারামিটার এবং ফাংশন পাস করতে পারে - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always। এই প্যারামিটারগুলির বর্ণনা আপনি animate মেথডের জন্য দেখতে পারেন। উদাহরণস্বরূপ, সময়কাল এবং ইজিং ফাংশন সেট করা যাক:

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

উদাহরণ

চলুন বাটন ক্লিক করার পরে, show মেথড ব্যবহার করে লুকানো প্যারাগ্রাফটি মসৃণভাবে প্রদর্শন করি। slow কীওয়ার্ড পাস করে, আমরা গতি 600ms এ সেট করব। অ্যানিমেশন শেষ হওয়ার পরে কনসোলে 'Animation complete' প্রিন্ট করব:

html<button>show text</button>
<p style="display: none">text</p>

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

আরও দেখুন