All Tutorials

Changing images in a loop on hover using jQuery

Why use this Function? Changing images in a loop on mouse over is a very common functionality that you’ll often find on e-commerce websites or portfolio websites. As an example, on the product list page, when you mouse over any product thumbnail, all the other images associated with that product start showing on top of […]
Read the rest of this entry »

Using jQuery’s .resize() Method

jQuery's .resize() method is a cool way to have an event triggered or have a function executed when something is resized. For the purposes of this tutorial, we're going to show you how to use the .resize() method to trigger an alert method whenever the window is resized. You might be surprised at how easy […]
Read the rest of this entry »

Change or Restore Your CSS Using jQuery

The jQuery .css() method is an easy way to change the CSS of any HTML element, class, or ID without actually having to edit any of your stylesheets. The syntax for the .css() method is actually quite simple and somewhat similar to how your styles would appear in your stylesheets. If you're using the .css() […]
Read the rest of this entry »

Dynamically Add a Class to Your HTML with jQuery

jQuery makes it super easy to dynamically add a class (0r several classes) to any HTML element(s) using only one line of code and the .addClass() method. This trick can be really useful if you want to change the styling of a particular element depending on certain conditions, which you can define using jQuery code. […]
Read the rest of this entry »

Improve Your Viewability Score with Fixed Ads

Display viewability is the next big thing in digital advertising -- basically, it's all about making sure that as many of your ad impressions as possible are viewable by the user. A relatively easy way to make ads more viewable (and boost your viewability score) is to give your ads fixed positioning. For example, leaderboard ads […]
Read the rest of this entry »

5 Cool and Useful jQuery Tricks

1. Disable Right Click The code snippet below disables right click on an entire page, but you can make it work on only particular page elements by changing the selector from document to something more specific. [javascript] $(document).ready(function(){ $(document).bind("contextmenu", function(e){ return false; }) }) [/javascript] 2. Set a Timer The following code snippet sets off an […]
Read the rest of this entry »