html弹窗可以关闭,JS实现可拖曳、可关闭的弹窗效果

本文实例讲述了JS实现可拖曳、可关闭的弹窗效果。分享给大家供大家参考。具体如下：

运行该实例，点击文字，弹出一个窗口，其实是一个弹出层，这个弹出层可以随鼠标拖曳，另外，示例演示了用本方法弹出文字层和弹出图片层的具体代码，请根据选择使用哦。

运行效果截图如下：

在线演示地址如下：

具体代码如下：

弹出层、弹窗效果+拖曳功能

*{ margin:0px; padding:0px;}

body{ font-size:12px; font:Arial, Helvetica, sans-serif; margin:25PX 0PX; background:#eee;}

.botton{ color:#F00; cursor:pointer;}

.mybody{width:600px; margin:0 auto; height:1500px; border:1px solid #ccc; padding:20px 25px; background:#fff}

#cwxBg{ position:absolute; display:none; background:#000; width:100%; height:100%; left:0px; top:0px; z-index:1000;}

#cwxWd{ position:absolute; display:none; border:10px solid #CCC; padding:10px;background:#FFF; z-index:1500;}

#cwxCn{ background:#FFF; display:block;}

.imgd{ width:400px; height:300px;}

点击测试

asdasdasdasdasdasdasd
这里是一段文字哦！

点击测试

C$('testClick').onclick = function(){

var neirong = '