mouseover和mouseout 实现鼠标移入移出效果

 

 

 $("#divToolsPanl").mouseover(function (e) {
             if (checkHover(e, this)) {
                 if ($('#divToolsPanl').is(':animated')) {
                     $('#divToolsPanl').stop(true, true);
                 }
                 $("#divToolsPanl").animate({ opacity: '0.8' }, "slow");
             }
         }).mouseout(function (e) {
             if (checkHover(e, this)) {
                 if ($('#divToolsPanl').is(':animated')) {
                     $('#divToolsPanl').stop(true, true);
                 }
                 $("#divToolsPanl").animate({ opacity: '0.2' }, "slow");
             }
         })

 

          //阻止事件冒泡与排队  
　　　　　 //判断当前对象是否包含在父对象中，如果是，触发父对象的事件


　　　　　　function contains(parentNode, childNode) {
                if (parentNode.contains) {
                    return parentNode != childNode && parentNode.contains(childNode);
                } else {
                    return !!(parentNode.compareDocumentPosition(childNode) & 16);
                }
            }

            function checkHover(e, target) {
                if (getEvent(e).type == "mouseover") {
                    return !contains(target, getEvent(e).relatedTarget || getEvent(e).fromElement) && !((getEvent(e).relatedTarget || getEvent(e).fromElement) === target);
                } else {
                    return !contains(target, getEvent(e).relatedTarget || getEvent(e).toElement) && !((getEvent(e).relatedTarget || getEvent(e).toElement) === target);
                }
            }

            function getEvent(e) {
                return e || window.event;
            }