Scale effect using Jquery UI
Here we have given "scale " as effect. All other parameters are optional
Direction of the effect: 'vertical' , 'horizontal', 'both' . Default value is 'both'
The end or vanishing point as array ['middle','center']
The percent to scale to in number
It is the box or the content inside, which is to be resized. Value : 'both', 'box', 'content'
callback function: (Optional)
We can use a callback function to execute once the scale effect is over
It can take these values
time in millseconds
Usually it is connected to Click event of a button, here button id is b1
We can add optional parameter percent to manage percentage it scale to
Similarly we can add direction
WE can add callback function to this, the function will display an alert window with message once the scale effect is over.
Here is the code with all optional values
This article is written by plus2net.com team.
|Most Popular JQuery Scripts|
|Two dependant list boxes|
|Calendar with Date Selection|
|Data change by Slider|
|Show & Hide element|