JS实现碰撞检测的方法分析:
当div1在div2的上边线(t2)以上的区域活动时,始终碰不上
当div1在div2的右边线(r2)以右的区域活动时,始终碰不上
当div1在div2的下边线(b2)以下的区域活动时,始终碰不上
当div1在div2的左边线(r2)以左的区域活动时,始终碰不上
JS实现碰撞检测的方法完整测试代码
HTML部分:
#div1{
width:100px;height:100px;background:green;
position:absolute;
}
#div2{
width:100px;height:100px;background:yellow;
position:absolute;left:300px;top:200px;z-index:-1;
}
JS部分:
window.onload=function(){
varoDiv=document.getElementById('div1');
varoDiv2=document.getElementById('div2');
vardisX=0;
vardisY=0;
oDiv.onmousedown=function(ev){
varev=ev||window.event;
disX=ev.clientX-oDiv.offsetLeft;
disY=ev.clientY-oDiv.offsetTop;
document.onmousemove=function(ev){
varev=ev||window.event;
vart1=oDiv.offsetTop;
varl1=oDiv.offsetLeft;
varr1=oDiv.offsetLeft+oDiv.offsetWidth;
上一篇:ico图标是什么