jQuery-এ fadeIn() মেথডটি নির্বাচিত এলিমেন্টগুলির অপাসিটি পরিবর্তন করে লুকানো থেকে দৃশ্যমান করে।
সিনট্যাক্স
সিনট্যাক্স নিচের মতো:
$(selector).fadeIn(speed, easing, callback)
উপরে, speed হল ফেডিং ইফেক্টের গতি। easing হতে পারে swing বা linear যেন বিভিন্ন অ্যানিমেশন পয়েন্টে গতি ভিন্ন হয়। callback হল মেথড শেষ হয়ে গেলে এক্সিকিউট হওয়া ফাংশন।
উদাহরণ
jQuery fadeIn() মেথড বাস্তবায়নের উদাহরণ (fadeOut সহ):
<!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>
আউটপুট
প্রাথমিক অবস্থা:
"Fade out" বাটনে ক্লিক করলে টেক্সট লুকানোর ফলাফল:
"Fade in" বাটনে ক্লিক করলে টেক্সট আবার দেখানোর ফলাফল:
