jquery 弹出层

最新推荐文章于 2022-04-18 16:09:05 发布

lenovore

最新推荐文章于 2022-04-18 16:09:05 发布

阅读量649

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/lenovore/article/details/8795884

版权

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

 <style type="text/css">
    #mask{width:100%;position:absolute;z-index:50;filter:alpha(opacity=50);opacity:0.5;background-color:gray;top:0px;left:0px;display:none;}
    #hintdiv{width:240px;padding:10px 20px;border:solid 2px green;background-color:#FFF;font-size:14px;position:absolute;z-index:100;display:none;}
    </style>

 <script src="../js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        function showMask(maskid, divid) {

            $("#" + maskid).height($(document).height()).css("filter", "alpha(opacity=50)").show();
            $("#" + divid).css("left", (document.documentElement.clientWidth - $("#" + divid).width()) / 2);
            $("#" + divid).css("top", (document.documentElement.clientHeight - $("#" + divid).height()) / 2 + $(document).scrollTop()).fadeIn("normal");
        }

        function hideMask(maskid, divid) {
            $("#" + maskid).fadeOut("normal");
            $("#" + divid).fadeOut("fast");
        }
      
	
        showMask("mask", "hintdiv");
        
    </script>

 <div id="mask"></div>
        <div id="hintdiv">
            <img src="../images/ajax-loader2.gif" border="0" alt="" style="margin-right: 10px;" />稍等，正在处理数据...
        </div>