Here, I will be showing you how to create a cool bouncing navigation with jQuery and jQuery easing plugin. The content appears with the bouncing effect as you navigate through the menu. You need jQuery Library and the jQuery easing plugin. But you need not worry, I have zipped them all in the download file. … Read more
I have created a bit of image animation with the Transfer effect of jQuery UI. By animation, I just mean fade in and out. But the transfer effect makes it so beautiful :). The Transfer effect can be used with effect() method. This Transfers the outline of an element to another element. Very useful when … Read more
I have made a very simple jQuery slideshow. When you click the play button, then the images changes with fade in and fade out effect. View Demo || Download Code I have used animate() jQuery function for fade in and out. queue() and dequeue() functions along with setTimeout() function are used to set time interval … Read more
In this article, I will be showing you how you can replace string, div content, and image src value with jQuery. You can do this by replace() function in jQuery. View Demo || Download Code Here is the code to replace string. This will replace the ‘smile’ text with ‘be happy’. var oldText = "Save … Read more
You can use jQuery queue() function with setTimeout() function to set some time interval between events in jQuery. Like, you have run one event and wanted the browser to wait for some time to run the next event. At this instance, queue function is very helpful. Suppose, you wanted an image to fade in and … Read more
This article shows how to print array and object on jQuery. You can do it with jQuery.each() function. jQuery.each() function can be used to iterate over any collection, whether it is a map (JavaScript object) or an array. Here is the javascript code to print array or object: jQuery(document).ready(function(){ var arr = [ "earth", "mars", … Read more
In this article, I will be showing you how to create jQuery AJAX tabs in a very simple and easy way. View Demo || Download Code Here, tabs.php contains the php code which contains data to be displayed. <?php $p = $_GET['id']; switch($p) { case "1": echo '<h2>Google</h2>Content goes here !<br style="clear:both;" />'; break; case … Read more
This tutorial shows how easy it is to upload multiple files using jQuery and PHP. I have used jQuery MultiFile Plugin for this purpose. The input type file should have name in list format like “pic[]” and the class name of the input should be “multi”. <input type="file" name="pic[]" class="multi" /> Below is the complete … Read more