Submit your widget

animateClick with jQuery

Created 4 years ago   Views 23185   downloads 3424    Author ajarunthomas
animateClick with jQuery
View DemoDownload 36.1 KB
Share |

This jQuery plugin allows you to produce animations at the mouse click. animateClick comes with 5 animations to enhance your button clicks or clicks on any element in your webpage. The plugin allows you to define the color and size of the animations as well.



1. Specify which animation you want to show when a specified element is clicked.

2. Specify the color for your animation.
[ Default color is black ]

3. Specify the size of the animation.
[ Default value is 10 and the ideal size from between 5 to 15 ]




1. Default

The default animation creates a circular growing object to acknowledge your click. This is the animation created if you don't specify an animation.


2. signal

The signal animation creates a ripple effect from the clicked area to the distance specified by user in size parameter. The effect resembles a signal notification.


3. shoot

The shoot animation shoots four bars to the four sides of the screen from the point where you click.


4. tick

The tick animation draws a tick at the point where you clicked.


5. cross

The cross animation flashes a cross sign at the point where you clicked.