隐藏层

来源:互联网 发布:王源同款衣服淘宝 编辑:程序博客网 时间:2024/04/30 17:12

通过判断event事件的toElement是否属于DIV(id1)层内
如果属于,则不隐藏
如果不属于,则隐藏

具体判断方法:
1。找toElement的父节点,判断是否是DIV(id1)
2。如果不是,则toElement的父节点赋给toElement变量
重复1。一直找到BODY

<div id="id1" style="background-color:Red;width:100px;height:100px;" onmouseout="mouse_out(this)">
       
<div style="height:21px;margin:0px;padding:0px;text-align:center;background-color:Red;width:100px;">
           
<a href="products-content.aspx?id=97a54ff0-c19b-4dd6-a152-6a4168921317电视购物" target="_blank">电视购物 </a>
       
</div>

 

function mouse_out(obj) 
{
   
var toObj = event.toElement;
   
var isChild = false;
   
while(toObj.tagName!="BODY"){
       
if(toObj.id == "id1"){
            isChild
= true;
           
break;   
        }   
        toObj
= toObj.parentNode
    }
   
if(!isChild){
        obj.style.display
= "none";   
    }
}

原创粉丝点击