preloader gif的javascript代码删除问题

时间:2016-07-23 00:19:57

标签: javascript jquery html

我正在处理一个带有预加载器的HTML页面。

但是出于某些原因,当我删除部分JavaScript代码时w / c与preloader相关时,即将推出的页面不再适用。

这是我的JS代码:

$(window).load(function() {
    /* ==============================================
    PRELOADER
    =============================================== */
    var preloaderDelay = 500;
    var preloaderFadeOutTime = 800;

    function hidePreloader() {
        var loadingAnimation = $('#loading-animation');
        var preloader = $('#preloader');

        loadingAnimation.fadeOut();
        preloader.delay(preloaderDelay).fadeOut(preloaderFadeOutTime, function() {
            $('#logo').addClass('animated fadeInDown');
            $('.intro').addClass('animated flipInX');
            $('.timerContent').addClass('animated fadeInUp');
            setTimeout ( function () {
                $('link[rel=stylesheet][href~="css/animate.css"]').remove();
            },2000);
         });   
    }

    hidePreloader();

    function startPage() {

    } /*  End animation section home  */

});

这是处理它的HTML部分:

<div id="preloader">
    <div id="loading-animation"></div>
</div> <!-- End Preloader -->

我应该删除我的JavaScript代码以删除此预加载器没有任何问题,以便我可以完全删除预加载器,但不能删除徽标的动画等。

1 个答案:

答案 0 :(得分:1)

好的评论我觉得我明白你需要的东西:

JS:

$(window).load(function() {

    $('#logo').addClass('animated fadeInDown');
    $('.intro').addClass('animated flipInX');
    $('.timerContent').addClass('animated fadeInUp');
    setTimeout ( function () {
         $('link[rel=stylesheet][href~="css/animate.css"]').remove();
    },2000);


    function startPage() {

    } /*  End animation section home  */

});