JS简易弹出层

web设计中弹出层应用的很普遍，其实它的原理很简单，就是一个绝对定位的DIV，顺便写了个简单例子
需要注意的是：对象的声明要放在弹出层代码的后面

HTML代码

<style type="text/css"> div.popupDiv { display:none; border:1px solid #E81; background:#FFF; height:80px; width:400px; } div.popupDiv span {float:right;margin-right:5px;} div.popupDiv div.popupDiv_body {clear:both;margin:5px;} </style> <BGSOUND CEP="0" /> <a href="javascript:alert1.open()">点击弹出</a> <div class="popupDiv" id="alert1"> <span><a href="javascript:alert1.close()">关闭</a></span> <div class="popupDiv_body"> 这是个弹出层！NO.1 </div> </div> <BGSOUND CEP="1" /> <a href="javascript:alert2.open()">点击弹出</a> <div class="popupDiv" id="alert2"> <span><a href="javascript:alert2.close()">关闭</a></span> <div class="popupDiv_body"> 这是个弹出层！NO.2 </div> </div> <BGSOUND CEP="2" />

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]