超级炫酷的效果js实现动画导航菜单

/找到除空格外所有的子对象 function getChilds (obj) { var childs=obj.childNodes; var arr=[]; for (var i=0; i<childs.length; i++) { //if(childs[i].nodeType==3 && /^\s+$/.test(childs[i].nodeValue)){ if(childs[i].nodeType==3){ continue; }else{ arr.push(childs[i]) } } return arr; } //通过类名获取对象 function getClass (classname,obj) { var obj=obj||document; var arr=[]; if(document.getElementsByClassName){ return obj.getElementsByClassName(classname) }else{ var alls=obj.getElementsByTagName("*"); for (var i=0; i<alls.length; i++) { if(alls[i].className==classname){ arr.push(alls[i]) } } } return arr; } // function contains(parentNode, childNode) { if (parentNode.contains) { return parentNode != childNode && parentNode.contains(childNode); } else { // return !!(parentNode.compareDocumentPosition(childNode) & 16); return (parentNode.compareDocumentPosition(childNode) ===20); } } 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; }