UI Blind effect usign JQuery with optional speed, times and callback function

Blind effect using Jquery UI

Syntax of Blind effect using Jquery UI.


$( "#element" ).effect( "blind",{direction:value},speed,function(){

})

"blind" as effect. All other parameters are optional

speed (Optional)

It can take these values

'fast'
'slow'
time in millseconds

direction (Optional)

It can take these values

'left'
'right'
'up'
'down'
'horizontal'
'vertical'

callback function: (Optional)

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

Default blind effect, d1 is id of our div layer.

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

Usually it is connected to Click event of a button, here button id is b1

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

Adding callback Function:
The function will display an alert window with message once the blind effect is over.

Here is the code

	
$('#b1').click(function(){
$( "#d1" ).effect( "blind",6000,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

Blind effect using Jquery UI

Subscribe

1

2

3

4