Html
    Css
    Js

    
                        
	body {
	background-color:#232429;
}
.CsOuterDiv {
	width:256px;
	height:146px;
	background-color:white;
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	border-radius:5px;
	box-shadow:3px 3px  10px blue;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.4
 立即下载

让div在body中可以任意拖动

JavaScript原生实现div的拖动!以后会陆续更新,在div内部,用jquery实现其 拖动!

2
      总督sir0
      2017/9/7 22:48:04

      可以改进一下代码做成一个插件

      回复
      一抹浅笑?诠释所有的悲伤0
      2017/9/6 10:12:11