jQuery में fadein () विधि, चयनित तत्वों के लिए, दृश्य को छिपे हुए से अपारदर्शिता बदलने के लिए प्रयोग किया जाता है।
सिंटैक्स
वाक्य रचना इस प्रकार है -
$(selector).fadeIn(speed,easing,callback)
उदाहरण
इन सबसे ऊपर, गति fading प्रभाव की गति है। सहजता विभिन्न एनीमेशन बिंदुओं पर स्विंग या गति के लिए रेखीय हो सकता है। कॉलबैक के बाद विधि समाप्त हो जाता है समारोह निष्पादित किया जाना है।
हमें अब एक उदाहरण देखते हैं jQuery fadein लागू करने के लिए करते हैं () विधि -
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function(){ $(".btnout").click(function(){ $("div").fadeOut(); }); $(".btnin").click(function(){ $("div").fadeIn(); }); }); </script> </head> <body> <h2>Java</h2> <div> <p>Java released in 1994. The current version is Java 13.</p> </div> <button class="btnout">Fade out</button> <button class="btnin">Fade in</button> <p>Click on above buttons to fade out and fade in text.</p> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
बटन "बाहर फीका" ऊपर पर क्लिक करें पाठ बाहर फीका करने के लिए -
(प्रदर्शन) पाठ में फीका करने के लिए बटन "में फीका" ऊपर पर क्लिक करें अब: