jqueryIntroLoader demopage

simpleLoader Animation
exitFx:'slideBottom', ease: "easeInOutCirc", style: 'fluoMagenta', delayBefore: 1000, exitTime: 500, onAfter: function() {...}

Back to Demos Index

See page code to learn more!

Animation description

simpleLoader Animation
effect:'slideBottom', ease: "easeInOutCirc", style: 'fluoMagenta', delayTime: 1000, animationTime: 500, onAfter: function() {...} 

$("#element").introLoader({

    animation: {
        name: 'simpleLoader',
        options: {
            exitFx:'slideDown',
            ease: "easeInOutCirc",
            style: 'fluoMagenta',
            delayBefore: 1000, //delay time in milliseconds
            exitTime: 500,
            onAfter: function() {alert('onAfter');}
        }
    },
    spinJs: {
        lines: 10, // The number of lines to draw
        length: 10, // The length of each line
        radius: 30, // The radius of the inner circle
        width: 8, // The line thickness
        color: '#fff' // #rgb or #rrggbb or array of colors
    }

});