function init_phover(){ el_drop = document.getElementById('sub_menu'); el_drop.onmouseover = handleEvent; el_drop.onmouseout = handleEvent; if (el_drop.addEventListener) { el_drop.addEventListener('mouseover',handleEvent,true); el_drop.addEventListener('mouseout',handleEvent,true); } el_drop_dn = document.getElementById('sub_menu_dis'); el_drop_dn.onmouseover = handleEvent; el_drop_dn.onmouseout = handleEvent; if (el_drop_dn.addEventListener) { el_drop_dn.addEventListener('mouseover',handleEvent,true); el_drop_dn.addEventListener('mouseout',handleEvent,true); } i = 0; var el_drop_d = Array('m1','m2','m3','m4'); while(i < el_drop_d.length){el_drop_d[i] = document.getElementById(el_drop_d[i]); el_drop_d[i].onmouseover = handleEvent; el_drop_d[i].onmouseout = handleEvent; if (el_drop_d[i].addEventListener) { el_drop_d[i].addEventListener('mouseover',handleEvent,true); el_drop_d[i].addEventListener('mouseout',handleEvent,true); } i++; } }  function handleEvent(e){ var evt = e || window.event; var tgt = evt.target || evt.srcElement; var etp = evt.type;switch(tgt.id){ case 'sub_menu': if(etp == 'onmouseover' || etp == 'mouseover'){ document.getElementById('sub_menu_dis').style.display = 'block'; curPOS = getOBJPos('sub_menu'); document.getElementById('sub_menu_dis').style.left = (curPOS[0]-5)+'px'; document.getElementById('sub_menu_dis').style.top = (curPOS[1]+48)+'px'; } break; case 'sub_menu_dis': if(etp == 'onmouseover' || etp == 'mouseover') document.getElementById('sub_menu_dis').style.display = 'block';else if(etp == 'onmouseout' || etp == 'mouseout') document.getElementById('sub_menu_dis').style.display = 'none'; break; case 'm1': document.getElementById('sub_menu_dis').style.display = 'none'; break; case 'm2': document.getElementById('sub_menu_dis').style.display = 'none'; break; case 'm3': document.getElementById('sub_menu_dis').style.display = 'none'; break; case 'm4': document.getElementById('sub_menu_dis').style.display = 'none'; break; } } function getOBJPos(obj){ var obj = document.getElementById(obj); var curleft = curtop = 0; if (obj.offsetParent){ do{ curleft += obj.offsetLeft; curtop += obj.offsetTop; }while (obj = obj.offsetParent); } return curPOS = Array(curleft,curtop); } window.onload=function(){ init_phover(); }