弹出层的提示框2

最新推荐文章于 2022-05-23 10:02:53 发布

lxl_sports

最新推荐文章于 2022-05-23 10:02:53 发布

阅读量485

点赞数

分类专栏： JavaScript 文章标签： stylesheet button filter border server 文档

本文链接：https://blog.csdn.net/lxl_sports/article/details/3531084

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

样式表：

 
 body
{
    margin:0;
    padding:0;
}
#topFill
{
    display:none;text-align:center;
    position:absolute;
    z-index : 999;
    filter:alpha(opacity=50);
    background-color:#eee;
    opacity: 0.5;
    -moz-opacity: 0.5;width:100%;
}
#alertBox
{
    margin:auto;
    height:150px;
    width:300px;
    background-color:#cf0;
    text-align:left;
    border:1px solid #666
}
#alertTitle
{
    height:20px;
    background-color:#EDF8B8;
    line-height:20px;
    padding:0 10px;
    border-bottom:1px solid #71860D
}
#alertContent
{
    padding:42px 0;
    text-align:center;
}
#alertBtn
{
    text-align:center;
}
#alertBtn input
{
    margin:0 10px;
    background:#FFFF99;
    border:1px solid #fff;
    height:20px;
    line-height:20px;
}
 

前台代码：

 
 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <link href="StyleSheet_13.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    //document.documentElement.clientHeight+'px'
    //  onload的时候声明对象
    var obj = new Object;
    function oload()
    {
        obj = document.getElementById('topFill');
        obj.style.display = 'none';
    }
    function cl()
    {
        document.body.style.overflow = 'hidden';
        documentdocument.body.style.height = document.documentElement.clientHeight + 'px';
        obj.style.display = 'block';
        obj.style.height = document.documentElement.clientHeight + 'px';
    }
    function bcl()
    {
        document.body.style.overflow = '';
        obj.style.display = 'none';
    }
    function oresize()
    {
        if(obj.style.display != 'block')
        {
              
        }
        else
        {
            cl();   
        }
   }
   function isno(str)
   {
        if (str == 'yes')
        {
            window.close();
        }
        else 
        {
           bcl();
        }
    }
    </script>
</head>
<body onload="oload()" onresize="oresize()">
    <form id="form1" runat="server">
        <div id="topFill">
            <div id="alertBox">
                <div id="alertTitle">
                    警告!</div>
                <div id="alertContent">
                    你确定要退出吗?</div>
                <div id="alertBtn">
                    <input type="button" value="是(Y)" onclick="isno('yes')" /><input type="button" value="否(N)"
                        onclick="isno('no')" /></div>
            </div>
        </div>
        <input type="text" id="textaaa" />
        <input type="button" value="点我" onclick="cl()" />
    </form>
</body>
</html>
 