दिलचस्प पोस्ट
UIScrollView क्षैतिज पेजिंग जैसे मोबाइल सफारी टैब एक पूर्ण कार्य बनाएं <T> क्या "जीआईटी पुल" स्वचालित रूप से छिपाने और लंबित परिवर्तन पॉप कर सकता है? पीआईपी जीआईपी रेपो शाखा से स्थापित करें एसक्यूएल – एक तालिका से रिकॉर्ड खोजें जो दूसरे में मौजूद नहीं है पुनरावृत्त वेक्टर, कुछ वस्तुओं को हटा दें जैसा मैं जाता हूं java.lang.UnsupportedClassVersionError: .class फ़ाइल में खराब संस्करण संख्या? "=>" PHP में क्या मतलब है? माउस कर्सर को प्रोग्रामेटिक रूप से स्थानांतरित करना तत्व दृश्यमान त्रुटि नहीं (किसी तत्व पर क्लिक करने में सक्षम नहीं है) एक अनियमित ग्रिड पर समरूप बनाना सी # – माउस कर्सर छवि कैप्चरिंग उस पृष्ठ के भीतर एक आइफ्रेम वाले पृष्ठ के वैश्विक जावास्क्रिप्ट चर को साझा करना पीएचपी में पाठ फ़ाइल की केवल 5 अंतिम पंक्ति कैसे पढ़ी जा सकती है? जावास्क्रिप्ट के साथ सुंदर प्रिंटिंग एक्सएमएल

jQuery स्लाइड बाएं और दिखाएं

मैंने jQuery slideRightShow() को slideRightShow() और slideLeftHide() slideRightShow() नामक कुछ फ़ंक्शन के साथ बढ़ाया जो नीचे देखा गया slideUp() और slideUp() समान काम करते हैं। हालांकि, मैं भी slideLeftShow() और slideRightHide() को लागू करना slideLeftShow()

मुझे पता है कि पर्याप्त पुस्तकालय हैं जो इस प्रकार की चीज़ प्रदान करते हैं (मैं javascript फ़ाइलों का एक और बड़ा सेट जोड़ने से बचने के लिए चाहता हूं), लेकिन कोई भी सरल उदाहरण प्रदान कर सकता है कि कैसे slideLeftShow() या slideRightHide() को कार्यान्वित करें?

 jQuery.fn.extend({ slideRightShow: function() { return this.each(function() { jQuery(this).animate({width: 'show'}); }); }, slideLeftHide: function() { return this.each(function() { jQuery(this).animate({width: 'hide'}); }); }, slideRightHide: function() { return this.each(function() { ??? }); }, slideLeftShow: function() { return this.each(function() { ??? }); } }); 

उपरोक्त slideRightShow फ़ंक्शन छवि को बाईं ओर से प्रदर्शित करना शुरू कर देता है और यह दाहिनी ओर की ओर बढ़ता है मैं एक ही बात करने के लिए कुछ रास्ते की तलाश कर रहा हूं, लेकिन दाएं तरफ से शुरू होता हूं और बाएं ओर की तरफ बढ़ रहा हूं धन्यवाद!

संपादित करें

jQuery इंटरफ़ेस की तरह कुछ मुझे ज़रूरत है (मैं मूल रूप से "सही में स्लाइड" और "बाएं से बाहर स्लाइड" फ़ंक्शंस की आवश्यकता है), लेकिन मुझे यह jQuery 1.3 के साथ काम करने में नहीं मिल सका: http://interface.eyecon.ro/demos /ifx.html । इसके अलावा, उनके डेमो को भी टूटने लगता है क्योंकि यह केवल एक लाख त्रुटियों को फेंकने से पहले एक स्लाइड करता है।

वेब के समाधान से एकत्रित समाधान "jQuery स्लाइड बाएं और दिखाएं"

इस सुविधा को jquery ui http://docs.jquery.com/UI/Effects/Slide के हिस्से के रूप में शामिल किया गया है यदि आप इसे अपने स्वयं के नामों से विस्तारित करना चाहते हैं तो आप इसका उपयोग कर सकते हैं।

 jQuery.fn.extend({ slideRightShow: function() { return this.each(function() { $(this).show('slide', {direction: 'right'}, 1000); }); }, slideLeftHide: function() { return this.each(function() { $(this).hide('slide', {direction: 'left'}, 1000); }); }, slideRightHide: function() { return this.each(function() { $(this).hide('slide', {direction: 'right'}, 1000); }); }, slideLeftShow: function() { return this.each(function() { $(this).show('slide', {direction: 'left'}, 1000); }); } }); 

आपको निम्नलिखित संदर्भों की आवश्यकता होगी

 <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.core.js"></script> <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/jquery.effects.slide.js"></script> 

पैडिंग और मार्जिन मत भूलना …

 jQuery.fn.slideLeftHide = function(speed, callback) { this.animate({ width: "hide", paddingLeft: "hide", paddingRight: "hide", marginLeft: "hide", marginRight: "hide" }, speed, callback); } jQuery.fn.slideLeftShow = function(speed, callback) { this.animate({ width: "show", paddingLeft: "show", paddingRight: "show", marginLeft: "show", marginRight: "show" }, speed, callback); } 

गति / कॉलबैक तर्क के साथ जोड़ा गया, यह slideUp() और slideUp() लिए एक पूर्ण ड्रॉप-इन प्रतिस्थापन है।

आप अपने स्वयं के स्क्रिप्ट फ़ाइल पर इन पंक्ति को जोड़कर अपने jQuery पुस्तकालय में नए फ़ंक्शन जोड़ सकते हैं और आप आसानी से fadeSlideRight() और fadeSlideLeft() उपयोग कर सकते हैं।

नोट: आप 750px के उदाहरण की तरह आप एनीमेशन की चौड़ाई बदल सकते हैं

 $.fn.fadeSlideRight = function(speed,fn) { return $(this).animate({ 'opacity' : 1, 'width' : '750px' },speed || 400, function() { $.isFunction(fn) && fn.call(this); }); } $.fn.fadeSlideLeft = function(speed,fn) { return $(this).animate({ 'opacity' : 0, 'width' : '0px' },speed || 400,function() { $.isFunction(fn) && fn.call(this); }); } 

और अगर आप गति को बदलना चाहते हैं और कॉलबैक शामिल करना चाहते हैं तो उन्हें इस तरह से जोड़ें:

  jQuery.fn.extend({ slideRightShow: function(speed,callback) { return this.each(function() { $(this).show('slide', {direction: 'right'}, speed, callback); }); }, slideLeftHide: function(speed,callback) { return this.each(function() { $(this).hide('slide', {direction: 'left'}, speed, callback); }); }, slideRightHide: function(speed,callback) { return this.each(function() { $(this).hide('slide', {direction: 'right'}, speed, callback); }); }, slideLeftShow: function(speed,callback) { return this.each(function() { $(this).show('slide', {direction: 'left'}, speed, callback); }); } });