JQuery के उपयोग से हम क्रॉस ब्राउज़र समस्या के मुद्दों से बच सकते हैं और सीधे FadeIn() FadeOut() FadeTo() प्रभाव को कार्यान्वित कर सकते हैं jQuery FadeIn() विधि अदृश्य स्थिति से एक चयनित तत्व की दृश्यमान स्थिति में अस्पष्टता स्तर को बदलती है।
jQuery उन विधियों के एक सेट को प्रदान करता है जिनका उपयोग आप उनकी अस्पष्टता और पारदर्शिता को कम करके तत्वों को दिखाने और छुपाने के लिए कर सकते है
jQuery में फ़ेडेऑट () विधि का उपयोग उन तत्वों को चुनने के लिए किया जाता है जो छिपे नहीं हैं, और फिर वह प्रदर्शन से हटाकर धीरे-धीरे अपने अस्पष्टता को 0 प्रतिशत में बदल कर और फिर प्रदर्शन से तत्व को निकालते हैं
jQuery में कई तरीके हैं जिनका उपयोग तत्वों की अस्पष्टता को समायोजित करने के लिए किया जा सकता है ये विधियां केवल तरीकों में से कुछ हैं जो एनीमेशन प्रभाव को बनाने के लिए इस्तेमाल की जा सकती हैं वेब डिजाइनरों के बीच jQuery का उपयोग लोकप्रियता में बढ़ रहा है लुप्त होती तकनीकों के संबंध में उपयोग किए जाने वाले विशिष्ट तरीक़े में FadeIn(), FadeOut(), और FadeTo() शामिल हैं।
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>fade demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<style>
#toggle {
width: 200px;
height: 200px;
background: #8A2BE2;
}
</style>
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<p>Click to fade toggle box.</p>
<div id="toggle"></div>
<script>
$( document ).click(function() {
$( "#toggle" ).toggle( "fade" );
});
</script>
</body>
</html>
Click to fade toggle box.