jquery loading

最新推荐文章于 2024-07-08 18:01:35 发布

weixin_33898876

最新推荐文章于 2024-07-08 18:01:35 发布

阅读量82

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/itnetwork/archive/2013/04/23/3039145.html

版权

    //加载等待...
        function MyLoading(falg) {

            var loading = "<div id='dlading' style='position:absolute;left:0;width:100%;height:100%;top:0;background:#FFFFFF;opacity:0.8;filter:alpha(opacity=90);z-index:9999999;'>";
            loading += "<div style='border:2px solid #B7CDFC;cursor:point;position:relative;top:45%;margin:0 auto;width:200px;height:36px;line-height:28px;font-size:14px;background:#fff;padding-left:5px;'>";
            loading += "<h6 style='display:inline;line-height:28px;height:28px;float:left'><img src='/images/loading-black.gif' width='16' height='16' valign='middle' style='margin-top:8px;float:left' />正在加载，请等待......</h6></div></div>";

            if (falg) {
                $("body", document).append(loading);

            } else {
                if ($("#dlading") != undefined) {
                    $("#dlading").remove();
                }
            }
        }

第二种方法

<script type="text/javascirpt">
$(function(){    
    $("#loading").ajaxStart(function () {
                $(this).fadeIn();
            });        //异步开始时执行 

    $("#loading").ajaxComplete(function () {
                $(this).fadeOut();
            });        //异步完成时执行
});
</script>    
<body>
    <div id="loading" style='position:fixed; left:0;top:0;width:100%;height:100%;background:#FFFFFF;opacity:0.8;filter:alpha(opacity=90);z-index:9999999;display:none;'>
        <img src="http://images.cnblogs.com/loaderc.gif" style="position:fixed;top:50%;left:50%;"/>
    </div>
</body>

转载于:https://www.cnblogs.com/itnetwork/archive/2013/04/23/3039145.html

weixin_33898876

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery loading

//加载等待... function MyLoading(falg) { var loading = "<div id='dlading' style='position:absolute;left:0;width:100%;height:100%;top:0;background:#FFFFFF;opacity:0.8;filte...
复制链接

扫一扫