js操作css

一只独孤的程序猿 2011-07-29 12:55:01

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

...全文

144 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

豆虫 2011-07-29

打赏
举报

这个其实可以用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 问题解决

errar2012 2011-07-29

打赏
举报

百度ajax上传文件，很多

confidenceyu 2011-07-29

打赏
举报

去找个上传进度条的功能吧，网上很多的

MuBeiBei 2011-07-29

打赏
举报

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

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

一只独孤的程序猿 2011-07-29