2010-11-03 13 views
20

मैं धीमी विकल्प के साथ jquery fadein fadeout का उपयोग कर रहा हूं, लेकिन यह अभी भी मेरे लिए थोड़ा तेज़ है। अब मैंने पढ़ा है कि आप केवल तेज़ और धीमी गति से चुन सकते हैं, लेकिन क्या इसे धीमा बनाने का कोई तरीका है?Jquery's fadein 'slow' बहुत तेज है

+0

कुछ मिलीसेकंड संस्करण अच्छा, मैं यह कर सकता है पता नहीं था लग recoomend, के बाद से मैंने इसे दस्तावेज़ों में पढ़ा है: स्ट्रिंग्स 'फास्ट' और 'धीमी' क्रमश: 200 और 600 मिलीसेकंड की अवधि को इंगित करने के लिए आपूर्ति की जा सकती है। यदि कोई अन्य स्ट्रिंग प्रदान की जाती है, या यदि अवधि पैरामीटर छोड़ा जाता है, तो 400 मिलीसेकंड की डिफ़ॉल्ट अवधि का उपयोग किया जाता है। – Michel

उत्तर

64

आपके पास दो विकल्प हैं।

$('#myItem').fadeOut(1500); // 1.5 seconds 

दूसरा विकल्प एक कस्टम गति को परिभाषित करने के लिए, या एक jQuery देशी गति को फिर से परिभाषित करने के लिए है:

$.fx.speeds.slow = 1500; // 'slow' now means 1.5 seconds 
$.fx.speeds.xslow = 3000; // 'xslow' means 3 seconds 
$.fx.speeds.xfast = 100; // 'xfast' means 0.1 seconds 

फिर आप उन्हें फोन कर सकते हैं पहली कॉल में मिलीसेकेंड के एक नंबर का उपयोग करने के लिए है सामान्य के रूप में:

$('#myItem').fadeOut('slow'); 
$('#myItem').fadeOut('xslow'); 
$('#myItem').fadeOut('xfast'); 

यह आपको एप्लिकेशन-व्यापी आधार पर गति को फिर से परिभाषित करने की अनुमति देता है।

+0

बहुत अच्छा, धन्यवाद! – Michel

11

बजाय 'तेज' या 'धीमी'

जैसे मिलीसेकेंड के एक नंबर का उपयोग करें

$('#myID').fadeIn(100, function() { 
    // complete 
}); 

http://api.jquery.com/fadeIn/

+3

आप $ .fx.speeds._default = 250 के साथ एफएक्स स्पीड ग्लोबली भी सेट कर सकते हैं; जहां 250 मिलीसेकंड –

+0

में डॉक्स ने कहा था, इसलिए मुझे नहीं लगता था कि मैं अपनी खुद की मिलीसेक्स सेट कर सकता हूं: स्ट्रिंग्स 'फास्ट' और 'धीमी' को क्रमशः 200 और 600 मिलीसेकंड की अवधि को इंगित करने के लिए आपूर्ति की जा सकती है। यदि कोई अन्य स्ट्रिंग प्रदान की जाती है, या यदि अवधि पैरामीटर छोड़ा जाता है, तो 400 मिलीसेकंड की डिफ़ॉल्ट अवधि का उपयोग किया जाता है। – Michel

6

देखें के अलावा 'धीमी'/'तेज', तो आप इसे फिर भी ले कर सकते हैं, fadein समारोह भी मिलीसेकेंड में एक समयावधि लेता है जब तक आप चाहें:

$('#someId').fadeIn(3000); // 3 second fade in 
1

मैं सच में पता है कि धीमी गति से आप यह चाहते न, लेकिन मैं के बीच 2500-4000

$('#Id').fadeIn(3500); 

वहाँ हम चले

संबंधित मुद्दे