js点击弹出div层实现可拖曳的弹窗效果

2024-05-06 14:20:23

字体：大中小

来源：转载

供稿：网友

<!DOCTYPE HTML> <html> <head> <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> </head> <body>  点击测试 asdasdasdasdasdasdasd这里是一段文字哦！点击测试 </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：纯js网页画板(Graphics)类简介及实现代码

下一篇：JS模拟抽奖序效果实现代码