Html
    Css
    Js

    
                        
body,div {
	padding:0px;
	margin:0px;
}
.box {
	margin-left:15px;
	padding:10px;
	padding-right:0px;
	width:810px;
	height:150px;
	border:blue solid 1px;
}
.horizontal-div {
	float:left;
	margin-right:10px;
	border:#000 solid 1px;
	text-align:center;
	width:150px;
	height:150px;
}
.horizontal-div-dash {
	position:absolute;
	width:150px;
	height:150px;
	margin-right:10px;
	border:1px dashed blue;
	background:#ececec;
	opacity:0.7;
}
.dash {
	float:left;
	width:150px;
	height:150px;
	margin-right:10px;
	border:1px dashed #f00;
}

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

jQuery拖拽排序的简单实例

0