jQuery Fading Effects - jQuery Tutorial 28

Notes for You:: jQuery Fading Effects:
- animate opacity property of an HTML element(s)
fadeOut([duration], [callback]);
- fades out the selected HTML element(s) by setting their opacity property to 0
Ex:
$('p').fadeOut(1000);
fadeIn([duration], [callback]);
- fades in the selected HTML element(s) by setting their opacity property to 1
Ex:
$('p').fadeOut(1000,function(){
$('p').fadeIn(1000);
});
fadeToggle([duration], [callback]);
- fades out or fades in the selected HTML element(s) by setting their opacity property 0/1
Ex:
$('p').fadeToggle(1000, function(){
$('p').fadeToggle(1000);
});
fadeTo( duration, opacity [, callback ] );
- fades the selected HTML elements to the specified opacity
Ex:
$('p').fadeTo(1000,0.5);
=========================================
Follow the link for next video:
• jQuery Sliding Effects...
Follow the link for previous video:
• jQuery Visibility Effe...
=========================================
jQuery Tutorials Playlist:-
• jQuery Tutorials
=========================================
Watch My Other Useful Tutorials:-
jQuery UI Tutorials Playlist:-
• jQuery UI Tutorials
Bootstrap Tutorials Playlist:-
• Bootstrap Tutorials
Dreamweaver Tutorials Playlist:-
• Dreamwear Tutorials
=========================================
► Subscribe to our UA-cam channel:
/ chidrestechtutorials
► Visit our Website:
www.chidrestechtutorials.com
=========================================
Hash Tags:-
#ChidresTechTutorials #jQuery #jQueryTutorial