How to Create Animation using jQuery

How to Create Animation using jQuery

In this article, you will learn How to Create Animation using jQuery like hiding and show. Example:- <html> <head> <title>Animation in jQuery</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ var div = $("div"); div.animate({left: '250px'}, "slow"); div.animate({fontSize: '3em'}, "slow"); }); }); </script> </head> <body> <button>Click to Animation</button> <div style="background:red;color:#fff;height:200px;width:500px;position:absolute;">Welcome to Hub of Tutorials</div> </body> </html> Check on […]
Read more
How-to-Create-Chaining-in-jQuery

How to Create Chaining in jQuery

In this article, you will learn How to Create Chaining in jQuery. Example:- <html> <head> <title>jQuery Chaining</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("#p1").css("color", "red") .slideUp(2000) .slideDown(2000); }); }); </script> </head> <body> <p id="p1">Welcome ti Hub of Tutorials!!</p> <button>Click here</button> </body> </html> Read on Facebook
Read more