jQuery fade Out


jQuery fadeOut provides fade out functionality to the visible elements.


Syntax of jQuery Fade Out

$(selector).fadeOut(speed,callback);

Speed Parameter – specifies the speed of the effect.
Speeds available are :
– slow
– fast
– or in miliseconds ex. 600

Callback Parameter- Is function name which is called when transition is complete.

jQuery Fade Out Example


<script type="text/javascript">
         $(document).ready(function(){
          $("#fadeInbutton").click(function(){
           $("#demoDiv").fadeOut();
          });
          });
</script>    

Try it »

jQuery Fade Out More Examples

[table width=”100%” colwidth=”20|100|50″ colalign=”left|left|center|left|right”]
No, Fade Out Effect ,Syntax, Example & Demo
1,Fade Out “slow”, $(selector).fadeOut(“slow”);,See Detail & Demo »
1,Fade Out “fast”,$(selector).fadeOut(“fast”);,See Detail & Demo »
1,Fade Out “miliseconds”,$(selector).fadeOut(600);,See Detail & Demo »

[/table]


Advertisements

Add Comment

📖 Read More