जक्वेरी प्रभाव - स्क्रॉल

jQuery स्लाइडिंग विधि एलिमेंट को ऊपर/नीचे गिराने की क्षमता रखती है。

दृश्य साक्ष्य

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

एक घंटा का समय एक इंच की सोने की तरह है, इसलिए, हम आपको तेज़ और सरल शिक्षा सामग्री प्रदान करते हैं。

यहाँ, आप एक सरल और लचीले मोड के माध्यम से आपकी जरूरत का कोई भी ज्ञान प्राप्त कर सकते हैं。

उदाहरण

jQuery slideDown()
jQuery slideDown() विधि का प्रदर्शन करें
jQuery slideUp()
jQuery slideUp() विधि का प्रदर्शन करें
jQuery slideToggle()
jQuery slideToggle() विधि का प्रदर्शन करें

jQuery स्लाइडिंग विधियाँ

jQuery के द्वारा, आप एलिमेंट पर स्लाइडिंग इफ़ेक्ट बना सकते हैं。

jQuery निम्नलिखित स्लाइडिंग विधियाँ रखता है:

  • slideDown()
  • slideUp()
  • slideToggle()

jQuery slideDown() विधि

jQuery slideDown() विधि एलिमेंट को नीचे की ओर स्लाइड करने के लिए उपयोग की जाती है。

व्याकरण:

$(selector).slideDown(speed,callback);

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

वैकल्पिक callback पैरामीटर स्लाइड के पूर्ण होने के बाद चलाने वाले फ़ंक्शन का नाम है。

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

उदाहरण

$("#flip").click(function(){
  $("#panel").slideDown();
});

स्वयं प्रयोग करें

jQuery slideUp() विधि

jQuery slideUp() विधि एलिमेंट को ऊपर की ओर स्लाइड करने के लिए उपयोग की जाती है。

व्याकरण:

$(selector).slideUp(speed,callback);

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

वैकल्पिक callback पैरामीटर स्लाइड के पूर्ण होने के बाद चलाने वाले फ़ंक्शन का नाम है。

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

उदाहरण

$("#flip").click(function(){
  $("#panel").slideUp();
});

स्वयं प्रयोग करें

jQuery slideToggle() विधि

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

यदि एलिमेंट नीचे की ओर स्लाइड करता है, तो slideToggle() इसे ऊपर की ओर स्लाइड कर सकता है。

यदि एलिमेंट ऊपर की ओर स्लाइड करता है, तो slideToggle() इसे नीचे की ओर स्लाइड कर सकता है。

$(selector).slideToggle(speed,callback);

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

वैकल्पिक callback पैरामीटर स्लाइड के पूर्ण होने के बाद चलाने वाले फ़ंक्शन का नाम है。

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

उदाहरण

$("#flip").click(function(){
  $("#panel").slideToggle();
});

स्वयं प्रयोग करें

jQuery प्रभाव संदर्भ पुस्तिका

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