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');
} );
})
Visitors Rating
Your Rating




Post your comments , suggestion , error , requirements etc here .







Most Popular JQuery Scripts

1

Two dependant list boxes

2

Calendar with Date Selection

3

Data change by Slider

4

Show & Hide element
We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2019 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer