জেকুয়েরি jQuery.fx.off প্রোপার্টি
সংজ্ঞা এবং ব্যবহার
জেকুয়েরি jQuery.fx.off প্রোপার্টি ব্যবহার করে আপনি গ্লোবালী সকল অ্যানিমেশনকে সক্রিয় এবং নিস্ক্রিয় করতে পারেন।
এর ডিফল্ট ভ্যালু হচ্ছে "false", যা সকল অ্যানিমেশনকে স্বাভাবিকভাবে চালায়। যখন আপনি এর মান "true" সেট করেন তখন সকল অ্যানিমেশন মেথোড গুলো নিস্ক্রিয় হয়ে যায়। যা অ্যানিমেশনের ইফেক্ট গুলো বন্ধ করে দেয় এবং ইফেক্টের পরিবর্তে সরাসরি ফলাফল দেখায়।
পরামর্শঃ আপনি jQuery.fx.off এর পরিবর্তে এর সংক্ষিপ্তরূপ $.fx.off ব্যবহার করতে পারেন।
সিনট্যাক্স ও ব্যাখ্যা
jQuery.fx.off = true|false;
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে jQuery.fx.off প্রোপার্টিতে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বর্ণনা |
|---|---|
| false | ডিফল্ট। যা নির্ধারন করে অ্যানিমেশন ইফেক্ট সক্রিয় থাকবে। |
| true | যা নির্ধারন করে অ্যানিমেশন ইফেক্ট নিস্ক্রিয় থাকবে। |
jQuery.fx.off প্রোপার্টি সংক্রান্ত উদাহরণ
অ্যানিমেশন চালু এবং বন্ধ করুনঃ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#disable").click(function(){
jQuery.fx.off = true;
});
$("#enable").click(function(){
jQuery.fx.off = false;
});
$("#toggle").click(function(){
$("div").toggle("slow");
});
});
</script>
</head>
<body>
<p>যখন আপনি "টোগল অ্যানিমেশন" বাটনটিতে চাপবেন তখন <div> এলিমেন্টে একটি ধীর অ্যানিমেশন চলবে। আপনি "অ্যানিমেশন চালু" এবং "অ্যানিমেশন বন্ধ" বাটনের মাধ্যমে ধীর অ্যানিমেশনটি চালু এবং বন্ধ করতে পারবেন।</p>
<button id="disable">ধীর অ্যানিমেশন বন্ধ</button>
<button id="enable">ধীর অ্যানিমেশন চালু</button>
<br><br>
<button id="toggle">টোগল অ্যানিমেশন</button>
<div style="background:blue;height:100px;width:100px;margin:50px;"></div>
</body>
</html>
ফলাফল