首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >预加载器gif删除问题的Javascript代码

预加载器gif删除问题的Javascript代码
EN

Stack Overflow用户
提问于 2016-07-23 08:19:57
回答 1查看 93关注 0票数 1

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

然而,由于某些原因,当我删除了与预加载器相关的JavaScript代码的一部分时,即将到来的页面不再工作。

下面是我的JS代码:

代码语言:javascript
复制
$(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部分:

代码语言:javascript
复制
<div id="preloader">
    <div id="loading-animation"></div>
</div> <!-- End Preloader -->

我应该删除什么在我的JavaScript代码删除这个预加载器没有任何问题,以便我可以完全删除预加载器,但不是动画的标志等。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-23 09:28:59

好的,从评论中我想我知道你需要什么了:

JS:

代码语言:javascript
复制
$(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  */

});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38536928

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档