All jQuery Effects

Delay jQuery animation by few seconds

I got into a situation where I needed to start the animation after 2 seconds once the mouse is on the image. In other words, need to delay the animation for 2 seconds on mouseover event. So in this post I am sharing the jQuery solution to delay the animation by few seconds. Related Post: […]
Read the rest of this entry »

Fading Image effect using jQuery

In today's post, You will see a very interesting and attractive fading effect on images. I am talking about is to fade all the other images, except the image which have the focus. To see the effect, take mouse on the follow us images (Facebook, twitter etc..) on my blog and check out the fading […]
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 »

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 »

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 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 »