জেকুয়েরি hover() মেথড
সংজ্ঞা এবং ব্যবহার
নির্বাচিত এলিমেন্টের উপর মাউস পয়েন্টার নিয়ে গেলে hover() মেথড দুইটি ফাংশনকে রান হতে নির্দেশ করে।
এই মেথডটি mouseenter এবং mouseleave ইভেন্ট দুইটকে ট্রিগার করে।
নোট: একটি ফাংশন দেওয়া হলে ইহা mouseenter এবং mouseleave দুইটি ইভেন্টের জন্যই কাজ করবে।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).hover(inFunction,outFunction)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে qqqqq() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| inFunction | আবশ্যক। mouseenter ইভেন্ট ঘটলে যে ফাংশন রান হবে সেটিকে নির্দেশ করে। |
| outFunction | ঐচ্ছিক। mouseleave ইভেন্ট ঘটলে যে ফাংশন রান হবে সেটিকে নির্দেশ করে। |
hover()মেথড সংক্রান্ত উদাহরণ
যখন একটি <p> এলিমেন্টের উপর মাউসের পয়েন্টার নিয়ে যাওয়া হয় তখন তার ব্যাকগ্রাউন্ড কালার পরিবর্তন:
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").hover(function(){
$(this).css("background-color", "green");
}, function(){
$(this).css("background-color", "teal");
});
});
</script>
</head>
<body>
<p>এই প্যারাগ্রাফের মধ্যে মাউসের পয়েন্টার হোভার ওভার করুন।</p>
</body>
</html>
ফলাফল