弹出框往回传值

最新推荐文章于 2024-09-13 14:43:59 发布

Omarix

最新推荐文章于 2024-09-13 14:43:59 发布

阅读量644

点赞数

分类专栏： Web前端文章标签： button border microsoft xhtml input internet

Web前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
<head>
<title>弹出层</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
<meta name="robots" content="all" />
<meta name="author" content="penglewen" />
<meta name="copyright"    content="www.oneways.cn" />
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
body {
    text-align: center;
    color: #000;
    margin: 0 auto;
    padding: 0;
    font: 12px Verdana,Tahoma,sans-serif,Arial,宋体;
    line-height: 1.6em;
    background: #69a11c;
    letter-spacing: 1.4px;
    }
* { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,p { display: block; text-align: left; }
table { border: 0; margin: 0; padding: 0; border-collapse : collapse; }
img { border: 0; }
a { text-decoration: none; color: #000; }
a:hover { color: #c00; text-decoration: none; }

#wrap {
    text-align: center;
    margin: 0 auto ;
    padding: 50px 0 ;
    width: 300px;
    background: #ccc;
    }
#showBox {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    }
#msleft {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1002;
    width: 100%;
    height: 100%;
    }
#alphaBox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #000;
    filter:alpha(opacity=60);   /* IE */
    opacity: 0.6;   /* 支持CSS3的浏览器（FF 1.5也支持）*/
    -moz-opacity: 0.6; /* Moz + FF */
    }
#content {
    color: #416f02;
    margin: 0 auto;
    margin-top: 150px;
    width: 400px;
    height: 200px;
    padding-left: 50px;
    border: 10px solid #ff7e02;
    background-color: #fff;
    }
#content h2 { font-size: 22px; color: #c00; padding: 10px 0; text-align: center; }
#content a { color: #416f02; }
#content a:hover { color: #c00; }

.intro{ color: #c27006; }
.close { text-align: right; height: 20px; margin: 20px 20px 0 0; }
</style>
<script type="text/javascript">

</script>
</head>
<body>
<div id="wrap">
    <input type="text" name="code" id="code" /> <input type="button" οnclick="boxAlpha();" value="弹出取值" />
</div>
<div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> 取值<br /><br /><br /><br />
</div>