Jquery Fadein Fadeout

Demo JQuery .fadeIn(), .fadeOut(), dan .fadeTo()

To fadein or fade out you can directly call the fade function on jquery on target div or html ID.

$('.idone').click(function() {
    $('#target').fadeOut('normal');
});

$('.idtwo').click(function() {
    $('#target').fadeIn('normal');
});

$('.idthree').click(function() {
    $('#target').fadeTo('fast', 0.5);
});

$('.idfour').click(function() {
    $('#target').fadeTo(1000, 1);
});
Author : Taufik Nurrohman
Developed : HTML, CSS, Js, JQuery

jQuery Simple Fade In Fade out Popup

kslagdive has given an interesting sample for using the fade function on popup. And ensure to check whether the popup is active or not.

function disablePopup() {
    //disables popup only if it is enabled
    if (popupStatus == 1) {
        $("#backgroundPopup").fadeOut("slow");
        $("#popupContact").fadeOut("slow");
        popupStatus = 0;
    }
}
Author : kslagdive
Developed : HTML, CSS, Js, JQuery

Effects Hide/Show, Fade, Slide Fade In/Out jQuery fadeIn()

Author : zhuangyin
Developed : HTML, CSS, Js, JQuery

jquery fade in on load

Author : MAX EQUATION
Developed : HTML, CSS, Js, JQuery

jQuery fade in on scroll

Author : Natalie Famula
Developed : HTML, CSS, Js, JQuery

Sequential Image Fade-In with JQuery

Author : Dudley Storey
Developed : HTML, CSS, Js, JQuery

– (while loading the images fade in one by one)

Very Simple jQuery fade-slider

Author : Josh Hicks
Developed : HTML, CSS, Js, JQuery

Jquery Fade vs CSS Fade

Author : Bryan Braun
Developed : HTML, CSS, Js, JQuery
Spread the love

Leave a Comment