弹出层并遮罩背景js,弹出后如何会消失？找不到原因了，求教
日期：2014-05-16 浏览次数：20266 次
弹出层并遮罩背景js,弹出后怎么会消失？找不到原因了，求教
- HTML code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>点击弹出层</title>
<style type="text/css">
/****订单弹出框*****/
.orderMsg{ position:absolute; background:#fff; border:1px solid #939395; width:500px; height:340px; overflow:hidden; z-index:99999; font-size:14px; color:#000; left:0; top:0; display:none;}
.orderMsg dl{ overflow:hidden; margin:20px;}
.orderMsg dl dt{ line-height:30px;}
.orderMsg dl dd{ line-height:25px; padding-left:10px;}
.orderMsg dl dd label{ padding-left:5px;}
.orderMsg dl dd.cBtn{ width:102px; height:28px; background:url(../images/member/chooseBtn.gif) no-repeat; margin-top:10px; padding:0;}
.orderMsg dl dd.cBtn a{ display:block; text-align:center;}
.orderMsg dl dd.cBtn a:link,.orderMsg dl dd.cBtn a:visited{ color:#000;}
.orderMsg dl dd.lBtn{ float:left; display:inline; margin-left:100px;}
.orderMsg dl dd.rBtn{ float:left; display:inline; margin-left:10px;}
</style>
</head>
<body>
<p><a href="" onclick="killOrder()">点击弹出层</a></p>
<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 id="orderMsg" class="orderMsg">
<dl>
<dt>请您告知我们取消订单的原因，以便我们改进。非常感谢!</dt>
<dd><input type="radio" name="reason" id="reason1"><label for="reason1">改变主意,现在不想买了</label></dd>
<dd><input type="radio" name="reason" id="reason2"><label for="reason2">刚才信息填错了,要重新下单</label></dd>
<dd><input type="radio" name="reason" id="reason3"><label for="reason3">先取消,再更换或添加新商品</label></dd>
<dd><input type="radio" name="reason" id="reason4"><label for="reason4">网银,信用卡等支付有问题</label></dd>
<dd><input type="radio" name="reason"id="reason5"><label for="reason5">等待时间过长,不耐烦了</label></dd>
<dd><input type="radio" name="reason" id="reason6"><label for="reason6">商品价格较贵</label></dd>
<dd><input type="radio" name="reason" id="reason7"><label for="reason7">出现商品缺货情况</label></dd>
<dd><input type="radio" name="reason" id="reason8"><label for="reason8">其它的原因</label></dd>
<dd><input type="radio" disabled="disabled"><label>72小时到期自动取消(不可选)</label></dd>
<dd class="cBtn lBtn"><a href="#" onclick="killOrder()">选好了</a></dd><dd class="cBtn rBtn"><a href="#" onclick="killOrder(1)">点击取消</a></dd>
</dl>
</div>
<script type="text/javascript" language="javascript">
var killOrder = function(btn){ //btn为弹出窗口或者关闭窗口,为空则为弹出窗口
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
