js操作css

我想用js操作css，具体是想实现这个功能，我是上传一个文件，在我一点击提交的时候，调用js可以弹出一个框，显示信息内容为正在上传请稍等，然后等信息上传借结束以后提示信息消失。因为文件过大的话可能很长时间，我怕用户以为是网速的问题而去刷新，不知道怎么样可以实现这种功能：路过的高手写个例子，或者给一个清晰的思路，麻烦了。

解决方案 »

  1.   


    可以用AJAX~·
    后台如果返回true，就证明上传好了。
    然后js在隐藏弹出框
      

  2.   

    这个其实可以用div写个遮罩效果 遮住当前页面 等跳转了 再隐藏掉这个遮罩 
    我简单的做了一个效果 你试下就知道怎么用了<html>
        <head>
            <title>层</title>
            <style type="text/css">
    .el-mask {
        z-index: 20000;
        position: absolute;
        top: 0;
        left: 0;
        -moz-opacity: 0.5;
        opacity: .50;
        filter: alpha(opacity =     50);
        background-color: #CCC;
        width: 100%;
        height: 100%;
        zoom: 1;
    }
    </style>
            <script type="text/javascript">
      
      
    </script>
        </head>
        <body>
            <div>
                <input type="text" id="dd" name="ddd">
            </div>
            <div id="ddd" class="el-mask"
                style="display: block; z-index: 8000; width: 1152px; height: 580px;" />
                <div>
                    <br>
                    <br>
                    <br>
                    <input type="text" id="ddddd" name="ddddd">
                </div>
            </div>
        </body>
    </html>
    前台ajax发请求 到后台负责处理上传逻辑   回调中  隐藏掉ddd这个div 跳转到下个页面 OK 问题解决