JQuery की फ़ेडआउट() विधि का उपयोग करके सहज फ़ेड-आउट प्रभाव कैसे बनाएं?

यह पोस्ट एक सहज फ़ेड-आउट प्रभाव के निर्माण के लिए jQuery की फ़ेडआउट() विधि के व्यावहारिक कार्यान्वयन की व्याख्या करेगी।

jQuery की फ़ेडऑउट() विधि का उपयोग करके स्मूथ फ़ेड-आउट प्रभाव कैसे बनाएं?

jQuery का ' फेड आउट() ”विधि चयनित तत्व की अस्पष्टता को धीरे-धीरे कम करके उसे छिपा देती है। यह विधि चयनित तत्व की स्थिति को दृश्यमान से छुपे हुए में बदल देती है। छिपा हुआ तत्व वेब पेज पर तब तक दिखाई नहीं देता जब तक उपयोगकर्ता इसे '' का उपयोग करके दोबारा प्रदर्शित नहीं करता फीका होना() ' तरीका।

वाक्य - विन्यास

उपरोक्त सिंटैक्स फ़ेड-आउट प्रभाव को अनुकूलित करने के लिए निम्नलिखित वैकल्पिक मापदंडों का समर्थन करता है:

• रफ़्तार: यह मिलीसेकंड में लुप्त होने के प्रभाव की गति निर्दिष्ट करता है। डिफ़ॉल्ट रूप से इसका मान '400ms' है। इसके अलावा, यह दो अंतर्निहित मानों 'धीमी' और 'तेज़' का भी समर्थन करता है।
• सहजता: यह विभिन्न बिंदुओं पर लुप्त होती एनीमेशन गति को दर्शाता है। डिफ़ॉल्ट रूप से इसका मान 'स्विंग (शुरुआत/अंत में धीमा, और मध्य में धीमा)' है। इसके अलावा, यह 'रैखिक (लुप्तप्राय एनीमेशन में निरंतर गति)' पर भी काम करता है।
• वापस बुलाओ: यह एक उपयोगकर्ता-परिभाषित फ़ंक्शन को परिभाषित करता है जो परिभाषित कार्य को करने के लिए फ़ेडिंग एनीमेशन को पूरा करने के बाद निष्पादित होता है।

आइए उपरोक्त परिभाषित विधि का व्यावहारिक रूप से उपयोग करें।

HTML कोड

'फ़ेडआउट ()' विधि पर आगे बढ़ने से पहले, निम्नलिखित HTML कोड को देखें जो एक नमूना 'div' तत्व बनाता है जिस पर फ़ेड-आउट प्रभाव निष्पादित किया जाएगा: