UI Explode effect usign JQuery with speed, number of pieces and callback function as optional

Explode effect using Jquery UI

Syntax of Explode effect using Jquery UI.


$( "#element" ).effect( "explode",{pieces:value},speed,function(){

})

"explode" as effect. All other parameters are optional

speed (Optional)

It can take these values

'fast'
'slow'
time in millseconds

pieces (Optional)

It can take integer values, default value is 9

callback function: (Optional)

We can use a callback function to execute once the explode effect is over

Default explode effect, here d1 is id of our div layer.

$( "#d1" ).effect( "explode" );

Let's keep this inside a Click event of a button, here button id is b1

$('#b1').click(function(){
$( "#d1" ).effect( "explode" );
})

Adding callback Function:
We can display an alert window with message once the explode effect is over.

Here is the code

	
$('#b1').click(function(){
$( "#d1" ).effect( "explode",7000,function(){
alert('This alert is created by using callback function once the effect is over');
} );
})

This article is written by plus2net.com team.

plus2net.com

Most Popular JQuery Scripts
1	Two dependant list boxes
2	Calendar with Date Selection
3	Data change by Slider
4	Show & Hide element

Explode effect using Jquery UI

Subscribe

1

2

3

4