fadein बनाम fadeOut fadeTo

Question

बनाम

अंतरfadeIn के बीच बनाम fadeOut बनाम fadeTo क्या है?

Answer 1

fadeIn एक तत्व वर्तमान अस्पष्टता से fades के लिए एक तत्व की अस्पष्टता परिवर्तन 1.
fadeOut वर्तमान अस्पष्टता से fadeTo किसी तत्व से मौजूदा अस्पष्टता को किसी अस्पष्टता से फेड करता है।

$('#myObject').fadeTo('fast', 0.5, function() { 
    $('#myObject').fadeTo('fast', 0.8); 
}); 

ऊपर fades myObject, से 0.5 है, जो 50% पारदर्शिता है, और उसके बाद, यह 20% पारदर्शिता के लिए फिर से fades के लिए जो कुछ भी अस्पष्टता यह है।

Answer 2

fadein .. एक तत्व धीरे-धीरे

Fadeout .. एक तत्व धीरे-धीरे

FadeTo को छिपा देता है दिखाता है .. किसी दिए गए मूल्य

Answer 3

मुझे यहां केवल भाषाई अनावश्यकता दिखाई देती है, क्योंकि फीड सभी उपयोग मामलों को ध्यान में रखता है।

Answer 4

लघु उत्तर:

• fadein() और fadeOut()display संपत्ति पर नियंत्रण है, जबकि फीका एनिमेट।
• fadeTo() फीड एनिमेट करते समय opacity संपत्ति को नियंत्रित करता है।

---

लांग उत्तर:

fadein() और fadeOut() दोनों (display संपत्ति नियंत्रित करने के लिए तैयार कर रहे हैं, बस इस शो की तरह) और छिपाने(), लेकिन केवल एक एनिमेट बीच में फीका fadein की

प्रक्रिया()

• तैयारी:opacity:0 के लिए सेट।
• प्रक्रिया:display:block पर सेट करें।
• प्रक्रिया: धीरे-धीरे opacity:1 में बदलें। fadeOut के

प्रक्रिया()

• प्रक्रिया: धीरे-धीरे opacity:0 लिए बदल जाते हैं।
• प्रक्रिया:display:none पर सेट करें।

fadeTo() जबकि बीच में एक फीका एनिमेट, opacity गुण सेट करने के लिए है। fadeTo की

प्रक्रिया()

• तैयारी:display: block के लिए सेट।
• प्रक्रिया:opacity: [$] पर सेट करें।

जेएसफ़िल्ड पर breakdown of formulas, which make up fadeIn() and fadeTo() देखें।

अद्यतन:

करीब fadein() और fadeOut() के रिश्तेदारों बल्कि दिखाने रहे हैं() और छिपाने()।

शो() और छिपाने() भी display संपत्ति को नियंत्रित करने के लिए हैं, बस fadein की तरह() और fadeOut(), लेकिन इसके अलावा में, चौड़ाई और बीच में ऊंचाई चेतन।

शो की प्रक्रिया()

• तैयारी:opacity:0, width:0, करने के लिए सेट height:0
• प्रक्रिया: सेट display:block
• लिए प्रक्रिया: धीरे-धीरे opacity:1 को बदलने के लिए, width:[auto], height:[auto]

छिपाने की प्रक्रिया()

• प्रक्रिया: display:none को सेट: धीरे-धीरे height:0
• प्रक्रिया, opacity:0, width:0 लिए बदल जाते हैं।

उदाहरण:

JsFiddle पर behavior of fadeIn(), fadeOut(), fadeTo(), show() and hide() की तुलना करें।