jQuery प्रभाव - स्लाइडिंग
JQuery स्लाइड विधियाँ तत्वों को ऊपर और नीचे स्लाइड करती हैं।
पैनल को नीचे/ऊपर स्लाइड करने के लिए क्लिक करें
क्योंकि समय मूल्यवान है, हम त्वरित और आसान शिक्षा प्रदान करते हैं।
W3Schools में, आप एक सुलभ और आसान प्रारूप में, सीखने के लिए आवश्यक हर चीज का अध्ययन कर सकते हैं।
उदाहरण
jQuery स्लाइडडाउन () विधि प्रदर्शित करता है।
jQuery स्लाइडअप () विधि को प्रदर्शित करता है।
jQuery स्लाइड टॉगल () विधि को प्रदर्शित करता है।
jQuery स्लाइडिंग तरीके
JQuery के साथ आप तत्वों पर एक स्लाइडिंग प्रभाव बना सकते हैं।
jQuery में निम्नलिखित स्लाइड विधियाँ हैं:
slideDown()slideUp()slideToggle()
jQuery स्लाइडडाउन () विधि:
किसी तत्व को नीचे स्लाइड करने के लिए jQuery slideDown()विधि का उपयोग किया जाता है।
वाक्य - विन्यास:
$(selector).slideDown(speed,callback);
वैकल्पिक गति पैरामीटर प्रभाव की अवधि निर्दिष्ट करता है। यह निम्नलिखित मान ले सकता है: "धीमा", "तेज़", या मिलीसेकंड।
वैकल्पिक कॉलबैक पैरामीटर स्लाइडिंग पूर्ण होने के बाद निष्पादित किया जाने वाला फ़ंक्शन है।
निम्न उदाहरण slideDown()विधि प्रदर्शित करता है:
उदाहरण
$("#flip").click(function(){
$("#panel").slideDown();
});
jQuery स्लाइडअप () विधि:
JQuery slideUp()विधि का उपयोग किसी तत्व को स्लाइड करने के लिए किया जाता है।
वाक्य - विन्यास:
$(selector).slideUp(speed,callback);
वैकल्पिक गति पैरामीटर प्रभाव की अवधि निर्दिष्ट करता है। यह निम्नलिखित मान ले सकता है: "धीमा", "तेज़", या मिलीसेकंड।
वैकल्पिक कॉलबैक पैरामीटर स्लाइडिंग पूर्ण होने के बाद निष्पादित किया जाने वाला फ़ंक्शन है।
निम्न उदाहरण slideUp()विधि प्रदर्शित करता है:
उदाहरण
$("#flip").click(function(){
$("#panel").slideUp();
});
jQuery स्लाइड टॉगल () विधि
JQuery विधि और
विधियों slideToggle()के बीच टॉगल करती है।slideDown()slideUp()
यदि तत्वों को नीचे खिसका दिया गया है, slideToggle()तो उन्हें ऊपर की ओर खिसका देंगे।
यदि तत्वों को ऊपर की ओर खिसका दिया गया है, slideToggle()तो उन्हें नीचे खिसका देंगे।
$(selector).slideToggle(speed,callback);
वैकल्पिक गति पैरामीटर निम्नलिखित मान ले सकता है: "धीमा", "तेज़", मिलीसेकंड।
वैकल्पिक कॉलबैक पैरामीटर स्लाइडिंग पूर्ण होने के बाद निष्पादित किया जाने वाला फ़ंक्शन है।
निम्न उदाहरण slideToggle()विधि प्रदर्शित करता है:
उदाहरण
$("#flip").click(function(){
$("#panel").slideToggle();
});
jQuery व्यायाम
jQuery प्रभाव संदर्भ
सभी jQuery प्रभावों के पूर्ण अवलोकन के लिए, कृपया हमारे jQuery प्रभाव संदर्भ पर जाएं ।