WebApp中Window.Alert界面改良

最新推荐文章于 2020-11-21 06:14:53 发布

gzeehg007

最新推荐文章于 2020-11-21 06:14:53 发布

阅读量465

点赞数

分类专栏： html/css

本文链接：https://blog.csdn.net/gzeehg007/article/details/48374385

版权

html/css 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

        //Window.Alert界面改良
        window.alert=function(msg){
            var wHeight=$(window).height();
            var bHeight=$("body").height();
            if(bHeight<wHeight) bHeight=wHeight;
            //透明背景层
            $("body").append("<div id='divAlertBg' style='position:absolute;z-index:1;top:0px;left:0px;width:100%;height:"+bHeight+"px;background:#555;opacity:0.5;'></div>");
            //提示框层
            var boxWidth=260;
            var scrollTop=$("body").scrollTop();
            scrollTop+=200;
            var wWidth=$(window).width();
            var left=(wWidth-boxWidth)/2
            var boxHtml="<div id='divAlertBox' style='position:absolute;z-index:2;top:"+scrollTop+"px;left:"+left+"px;width:"+boxWidth+"px;background:#FFF;border-radius:5px;'>"+
                            "<div style='text-align:center;font-size:18px;font-family:黑体;font-weight:bold;padding-top:10px;'>提示</div>"+
                            "<div style='text-align:center;font-size:13px;padding:15px 0px;'>"+msg+"</div>"+
                            "<div id='divAlertEnter' style='background:url(/iGzeeOA/prg/weixin/img/inputLine1.jpg) repeat-x;background-size:100% 1px;text-align:center;color:#007AFF;font-size:18px;font-family:黑体;font-weight:bold;padding:10px 0px;'>确定</div>"+
                        "</div>";
            $("body").append(boxHtml);
            $("#divAlertEnter").bind("click",function(){
               $("#divAlertBg").remove();
               $("#divAlertBox").remove();
            });
        };