जब आप jQuery के .animate () फ़ंक्शन का उपयोग किसी हॉवर ईवेंट की तरह करते हैं, तो वे एनिमेशन "कतारबद्ध" होंगे। यही है, यदि आप कई बार होवर करते हैं, तो वह एनीमेशन कई बार फायर करेगा। इसे रोकने के लिए क्लासिक विधि एनीमेशन से पहले एक .stop () में फेंकना है, लेकिन मुझे यह अचानक और आदर्श नहीं लगता है, क्योंकि यह एनीमेशन को पूर्ण चक्र पूरा करने से रोकता है। इस पेंचकस में हम इसे हल करने के कुछ प्रयासों को देखेंगे और अंत में एक प्लगइन का उपयोग करेंगे जो एक महान काम करता है।
वीडियो से लिंक:
- मूल लिखित लेख w / demos
- hoverFlow प्लगइन
- स्क्रिनस्टैस्ट से अंतिम डेमो