Fade effect using Jquery UI

Syntax of Fade effect using Jquery UI.

$( "#element" ).effect( "fade",speed,function(){

})
"fade" as effect. Here are the parameters

speed (Optional)
It can take these values

'fast'
'slow'
time in millseconds

callback function: (Optional)
We can use a callback function to execute once the fade effect is over

Default fade effect, d1 is id of our div layer.
$( "#d1" ).effect( "fade" );
Usually it is connected to Click event of a button, here button id is b1
$('#b1').click(function(){
$( "#d1" ).effect( "fade" );
})
To this we have added a callback Function to display an alert window


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


Subscribe

* indicates required
Subscribe to plus2net

    plus2net.com



    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


    JQuery Video Tutorials




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