在提交表单时显示加载图片gif,直到页面在javascript中重定向

时间:2015-02-09 14:02:19

标签: javascript html css

我想向用户显示加载图标,直到表单提交和其他页面元素完全加载(send.php)。我怎么能用javascript做到这一点,我想用JavaScript或jQuery做到这一点。这是我的代码:

的index.html

<body>
   <form name= "myform" id= "CC" action="send.php" >
       .
       .
       .
   </form>
</body>

send.php

<body>
    <div class="se-pre-con"></div>
</body>

JS

$(window).load(function() {
    // Animate loader off screen
    $(".se-pre-con").fadeOut("slow");;
});

CSS

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}

有任何帮助吗?谢谢。

0 个答案:

没有答案