All jQuery Effects

jQuery Tip: How to Switch Css Class for elements

Have you ever come across a situation where you need to switch between two css classes for all the places where these classes are used? For example on click of button, you want to switch between class1 and class2. This can be easily achieved by jQuery. jQuery provides a method "switchClass" which allows you to […]
Read the rest of this entry »

fadeToggle method in jQuery 1.4.4

jQuery team has released jQuery 1.4.4 Release Candidate 2. The purpose of candidate release to ensure that before they officially release it, it get tested with the developer community. With jQuery 1.4.4 a new animation method is added called "fadeToggle". jQuery already have fadeIn(), fadeOut() and fadeTo() method. fadeIn() - This method makes element visible […]
Read the rest of this entry »

How to provide floating effects using jQuery

You must have seen floating elements on many sites and it can be done with CSS. But today I will show you how can you provide floating effect to elements using jQuery. The advantage of doing this with jQuery is that you can provide animate and also control the speed of the animation of floating […]
Read the rest of this entry »

How to shake, vibrate and rotate elements using jQuery

You must have seen shaking, vibrating or rotating elements on many sites and it can be done with CSS. In fact, take your mouse on my blog's logo and it will rotate. This is done using CSS. With CSS, you can't provide effects like shaking and vibrating. Today I will show you how can you […]
Read the rest of this entry »

How to change image opacity on mouseover using jQuery

Images are undoubtedly the most attractive element of the page. And images with some cool effects make them more powerful and attractive. One of the effect on the image, is to make it transparent and play with transparency with mouse gestures. So in this post, I will show you how to change image opacity on […]
Read the rest of this entry »

Make your input controls look stylish using jQuery

STYLE matters whether it comes to clothes, house or web pages because it attract others. So in this post, I will show you how to make your input control looks stylish using jQuery. There is a jQuery plugin called "jqTransform" which makes input control look stylish. This plugin allows you to create custom form elements. […]
Read the rest of this entry »

Responsive Menu
Add more content here...