Html
    Css
    Js

    
                        
 .box {
	width:100px;
	height:100px;
	background:red;
	position:absolute;
}
.box1 {
	width:200px;
	height:200px;
	background:yellow;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left:-100px;
}

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

原生JS拖拽事件_碰撞检测(碰撞变色效果)

主要是找到四个安全区域,再利用取反的原理进行碰撞检测变色的操作。

0