Puff effect using Jquery UI

Syntax of Puff effect using Jquery UI.

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

"puff" as effect. Here are the parameters

speed (Optional)
It can take these values

time in millseconds

percentage (Optional)
Size to which the element can grow , default value is 150 %

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

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

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


* indicates required
Subscribe to plus2net


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

    Most Popular JQuery Scripts


    Two dependant list boxes


    Calendar with Date Selection


    Data change by Slider


    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