Artwl 发表于 2012-12-10 15:42:06

用jQuery判断两个元素是否有重叠部分

<div id="cnblogs_post_body">  这是博问中的一个问题:http://q.cnblogs.com/q/39172/
  我的方案如下:
<div class="cnblogs_code">function isOverlap(idOne,idTwo){    var objOne=$("#"+idOne),      objTwo=$("#"+idTwo),      offsetOne = objOne.offset(),      offsetTwo = objTwo.offset(),      topOne=offsetOne.top,      topTwo=offsetTwo.top,      leftOne=offsetOne.left,      leftTwo=offsetTwo.left,      widthOne = objOne.width(),      widthTwo = objTwo.width(),      heightOne = objOne.height(),      heightTwo = objTwo.height();    var leftTop = leftTwo > leftOne && leftTwo < leftOne+widthOne             && topTwo > topOne && topTwo < topOne+heightOne,      rightTop = leftTwo+widthTwo > leftOne && leftTwo+widthTwo < leftOne+widthOne             && topTwo > topOne && topTwo < topOne+heightOne,      leftBottom = leftTwo > leftOne && leftTwo < leftOne+widthOne             && topTwo+heightTwo > topOne && topTwo+heightTwo < topOne+heightOne,      rightBottom = leftTwo+widthTwo > leftOne && leftTwo+widthTwo < leftOne+widthOne             && topTwo+heightTwo > topOne && topTwo+heightTwo < topOne+heightOne;    return leftTop || rightTop || leftBottom || rightBottom;}
页: [1]
查看完整版本: 用jQuery判断两个元素是否有重叠部分