jQuery-এ fadeIn() পদ্ধতিটি অস্বচ্ছতা পরিবর্তন করতে ব্যবহৃত হয়, নির্বাচিত উপাদানগুলির জন্য, লুকানো থেকে দৃশ্যমান পর্যন্ত।
সিনট্যাক্স
সিনট্যাক্স নিম্নরূপ -
$(selector).fadeIn(speed,easing,callback)
উদাহরণ
উপরে, গতি হল বিবর্ণ প্রভাবের গতি। ইজিং বিভিন্ন অ্যানিমেশন পয়েন্টে গতির জন্য সুইং বা রৈখিক হতে পারে। কলব্যাক হল পদ্ধতিটি শেষ হওয়ার পরে কার্যকর করা ফাংশন।
আসুন এখন jQuery fadeIn() পদ্ধতি -
বাস্তবায়নের জন্য একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".btnout").click(function(){
$("div").fadeOut();
});
$(".btnin").click(function(){
$("div").fadeIn();
});
});
</script>
</head>
<body>
<h2>Java</h2>
<div>
<p>Java released in 1994. The current version is Java 13.</p>
</div>
<button class="btnout">Fade out</button>
<button class="btnin">Fade in</button>
<p>Click on above buttons to fade out and fade in text.</p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
উপরের "ফেড আউট" বোতামে ক্লিক করে টেক্সট ফেড আউট করতে −
টেক্সটটি ফেড ইন (ডিসপ্লে) করতে এখন উপরের "ফেড ইন" বোতামে ক্লিক করুন:
