<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html <head><meta http-equiv="Conten ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><body>
<div id="mask"></div>
<div id=showbox>
<div id="title">
<h2 title="弹出层">弹出层</h2>
<!--预留空位放缩小放大按钮-->
<div id="play"><a href="javascript:;" title="close"></a></div></span>
</div>
<div id="message">
这是一个弹出层<br />
如果需要确定按钮可以自由添加（效果带有close的功能然后加上ajax）<br />
弹出的信息自定义样式自定义<br />
</div>
</div>
<input type="button" value="it's show button" />
</body>
</html>
这是一个可以拖曳的弹出层，就是（1）的基础上加上了拖曳的功能；没有测试浏览器的兼容性；有什么bug可以反馈；谢谢！
还有就是没有做ie的兼容，ie下没有圆角和阴影；
主要是学习setCapture()releaseCapture()的使用，能使弹出层拖曳的比较完美；
放上dome：
http://files.cnblogs.com/wyflogo/MessageBox.zip
任何时候对自己认定的作品要精益求精；你不是程序员也不是设计师，你所做的事情是让浏览器成为你的舞台，让网页成为你道具，打开你的网页就是你的观众，这场戏刚刚上演！
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com
原标题：利用遮罩层的弹出层（2）（可拖曳）
关键词：弹出层,弹出框
*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：
admin#shaoqun.com
（#换成@）。
