jQuery Fading Method: jQuery .finding() method illustrates how to use the .finding() method in jQuery to fade in and out the HTML element.
jQuery Fading Method: jQuery .finding() method illustrates how to use the .finding() method in jQuery to fade in and out the HTML element.jQuery fadind () methods used to fade in and out the elements visibility. jQuery offers various methods like fadeIn(), fadeOut(), fadeToggle() and fadeTo() methods to adjust and opacity of elements.
Fade in Methods are as follows:
<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000); }); }); </script> </head> <body> <p>Demonstrate fadeIn() with different parameters.</p> <button>Click to fade in boxes</button> <br><br> <div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div><br> <div id="div2" style="width:80px;height:80px;display:none;background-color:green;"></div><br> <div id="div3" style="width:80px;height:80px;display:none;background-color:blue;"></div> </body> </html>
Ads