Training in Web Technologies

Subbu in Design

Tagged: free download jquery material

jQuery

jQuery clearQueue() Method

<!DOCTYPE html> <html> <head> <script src=”//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js”> </script> <script> $(document).ready(function(){ $(“#start”).click(function(){ $(“div”).animate({height:300},1500); $(“div”).animate({width:300},1500); $(“div”).animate({height:100},1500); $(“div”).animate({width:100},1500); }); $(“#stop”).click(function(){ $(“div”).clearQueue(); }); }); </script> </head> <body> <button id=”start”>Start Animation</button> <button id=”stop”>Stop Animation</button> <br><br> <div style=”background:red;height:100px;width:100px;”> </div> </body> </html>

jQuery

jQuery – The noConflict() Method

What if you wish to use other frameworks on your pages, while still using jQuery? jQuery and Other JavaScript Frameworks As you already know; jQuery uses the $ sign as a shortcut for jQuery....

jQuery

jQuery Effects – Sliding

The jQuery slide methods slides elements up and down. jQuery Sliding Methods With jQuery you can create a sliding effect on elements. jQuery has the following slide methods: slideDown() slideUp() slideToggle() jQuery slideDown() Method...