jQuery प्रभाव - फेड इन/फेड आउट

jQuery के द्वारा, आप एलिमेंट के फेड इन और फेड आउट प्रभाव को हासिल कर सकते हैं।

इफ़ेक्ट डिमो

यहाँ क्लिक करें, पैनल छुपाएं/दिखाएं

एक घंटा एक चौड़ा अर्थ रखता है, इसलिए, हम आपको तेज़ और सोचीबद्ध सीखने की सामग्री प्रदान करते हैं।

यहाँ, आप आसान और सोचीबद्ध मोड में जो भी ज्ञान चाहें, उसे प्राप्त कर सकते हैं।

उदाहरण

jQuery fadeIn()
jQuery fadeIn() विधि का प्रदर्शन करें।
jQuery fadeOut()
jQuery fadeOut() विधि का प्रदर्शन करें।
jQuery fadeToggle()
jQuery fadeToggle() विधि का प्रदर्शन करें।
jQuery fadeTo()
jQuery fadeTo() विधि का प्रदर्शन करें।

jQuery Fading विधि

jQuery के द्वारा, आप एलिमेंट के फेड इन और फेड आउट प्रभाव को हासिल कर सकते हैं।

jQuery में नीचे की चार फेड विधियां हैं:

  • fadeIn()
  • fadeOut()
  • fadeToggle()
  • fadeTo()

jQuery fadeIn() विधि

jQuery fadeIn() छुपे हुए एलिमेंट को देखीभराव देती है।

व्याकरण:

$(selector.fadeIn(),,callback);

वैकल्पिक , पारामीटर प्रभाव की अवधि को निर्धारित करता है। यह निम्नलिखित मानों को ले सकता है: "slow"、"fast" या मिलीसेकंड。

वैकल्पिक callback पारामीटर फ़ेडिंग पूरा होने के बाद चलाया जाएगा की फ़ंक्शन का नाम है।

नीचे दिए उदाहरण में fadeIn() विधि के विभिन्न पारामीटरों का प्रदर्शन किया गया है:

उदाहरण

$("button").click(function(){
  $("#div1").fadeIn();
  $("#div2").fadeIn("slow");
  $("#div3").fadeIn(3000);
});

स्वयं आयात करें

jQuery fadeOut() विधि

jQuery fadeOut() विधि देखीभराव दिखाए हुए एलिमेंट को छुपा देती है।

व्याकरण:

$(selector.fadeOut(),,callback);

वैकल्पिक , पारामीटर प्रभाव की अवधि को निर्धारित करता है। यह निम्नलिखित मानों को ले सकता है: "slow"、"fast" या मिलीसेकंड。

वैकल्पिक callback पारामीटर फ़ेडिंग पूरा होने के बाद चलाया जाएगा की फ़ंक्शन का नाम है।

नीचे दिए उदाहरण विभिन्न पारामीटरों के साथ fadeOut() विधि को दर्शाते हैं:

उदाहरण

$("button").click(function(){
  $("#div1").fadeOut();
  $("#div2").fadeOut("slow");
  $("#div3").fadeOut(3000);
});

स्वयं आयात करें

jQuery fadeToggle() विधि

jQuery fadeToggle() विधि fadeIn() और fadeOut() विधियों के बीच परिवर्तन कर सकती है。

यदि एलीमेंट पहले से फ़ेड आउट है, तो fadeToggle() एलीमेंट को फ़ेड इन प्रभाव जोड़ेगा。

यदि एलीमेंट पहले से फ़ेड इन है, तो fadeToggle() एलीमेंट को फ़ेड आउट प्रभाव जोड़ेगा。

व्याकरण:

$(selector).fadeToggle(,,callback);

वैकल्पिक , पारामीटर प्रभाव की अवधि को निर्धारित करता है। यह निम्नलिखित मानों को ले सकता है: "slow"、"fast" या मिलीसेकंड。

वैकल्पिक callback पारामीटर फ़ेडिंग पूरा होने के बाद चलाया जाएगा की फ़ंक्शन का नाम है।

नीचे दिए उदाहरण विभिन्न पारामीटरों के साथ fadeToggle() विधि को दर्शाते हैं:

उदाहरण

$("button").click(function(){
  $("#div1").fadeToggle();
  $("#div2").fadeToggle("slow");
  $("#div3").fadeToggle(3000);
});

स्वयं आयात करें

jQuery fadeTo() विधि

jQuery fadeTo() विधि दिये गए अस्पष्टता (0 से 1 के बीच की श्रेणी में) के लिए ग्रेडिएंट बनाने की अनुमति देती है。

व्याकरण:

$(selector).fadeTo(,,opacity,callback);

आवश्यक speed पारामीटर प्रभाव की अवधि को निर्धारित करता है। यह निम्नलिखित मानों को ले सकता है: "slow"、"fast" या मिलीसेकंड。

fadeTo() विधि में आवश्यक opacity पारामीटर फ़ेड इन/फ़ेड आउट प्रभाव को दिये गए अवयव के अस्पष्टता (0 से 1 के बीच की श्रेणी में) सेट करता है。

वैकल्पिक callback पारामीटर यह है कि जिस फ़ंक्शन को फ़ंक्शन पूरा होने के बाद चलाया जाएगा।

नीचे दिए उदाहरण विभिन्न पारामीटरों के साथ fadeTo() विधि को दर्शाते हैं:

उदाहरण

$("button").click(function(){
  $("#div1").fadeTo("slow",0.15);
  $("#div2").fadeTo("slow",0.4);
  $("#div3").fadeTo("slow",0.7);
});

स्वयं आयात करें

jQuery प्रभाव संदर्भ दस्तावेज

यदि आप jQuery प्रभावों को पूरी तरह से देखना चाहते हैं, तो हमारे jQuery प्रभाव संदर्भ दस्तावेज。