Html
    Css
    Js

    
                        
* {
	padding:0;
	margin:0
}
#open {
	width:300px;
	height:300px;
	background-color:brown;
	position:absolute;
	border-radius:50%;
}
#Chemistry,#Mathematics {
	width:250px;
	height:250px;
	background-color:blue;
	/*border-radius:50%;
	*/
	position:absolute;
	margin-left:300px;
}
#door {
	width:250px;
	height:250px;
	background-color:brown;
	position:absolute;
	margin-left:560px;
	margin-top:250px
}

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

div的鼠标拖移

更新时间:2019-10-10 00:11:01

这个是一个div的鼠标拖拽的移动方式,添加了可移动div在网页上的位置。并移动之后回到原点的动画效果。还有显示div名称的方法。希望对你们的项目有启发和帮助。

0