js點選彈出div層實現可拖曳的彈跳窗效果_佈局與層

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>彈出層、彈跳窗效果 拖曳功能 </title> <style type="text/css"> *{ 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;} </style> <!--弹出窗--> <div class="mybody"> <div class="botton" id="testClick">點選測驗</div> asdasdasdasdasdasdasd 這裡是一段文字哦！ <div class="botton" id="testClick1">點選測驗</div> </div>
[Ctrl A 全選 註:如需引入外部Js需刷新才能執行

]