<br /> <br /> <script language="JavaScript"> <br /> <!-- <br /> function popupmenu_show(layername) { <br /> <br /> var obj = document.all[layername]; <br /> var _tmpx,_tmpy, marginx, marginy; <br /> <br /> _tmpx = event.clientX + parseInt(obj.offsetWidth); <br /> _tmpy = event.clientY + parseInt(obj.offsetHeight); <br /> <br /> _marginx = document.body.clientWidth - _tmpx; <br /> _marginy = document.body.clientHeight - _tmpy ; <br /> <br /> if(_marginx < 0) <br /> _tmpx = event.clientX + document.body.scrollLeft + _marginx ; <br /> else <br /> _tmpx = event.clientX + document.body.scrollLeft ; <br /> <br /> if(_marginy < 0) <br /> _tmpy = event.clientY + document.body.scrollTop + _marginy + 20; <br /> else <br /> _tmpy = event.clientY + document.body.scrollTop ; <br /> <br /> obj.style.posLeft = _tmpx - 5; <br /> obj.style.posTop = _tmpy; <br /> <br /> layer_set_visible(obj, true); <br /> layer_set_pos(obj, obj.style.posLeft, obj.style.posTop); <br /> } <br /> <br /> function layer_set_visible(obj, flag) { <br /> if (navigator.appName.indexOf('Netscape', 0) != -1) { <br /> obj.visibility = flag ? 'show' : 'hide'; <br /> } else { <br /> obj.style.visibility = flag ? 'visible' : 'hidden'; <br /> } <br /> } <br /> function layer_set_pos(obj, x, y) <br /> { <br /> if (navigator.appName.indexOf('Netscape', 0) != -1) { <br /> obj.left = x; <br /> obj.top = y; <br /> } else { <br /> obj.style.pixelLeft = x + document.body.scrollLeft; <br /> obj.style.pixelTop = y + document.body.scrollTop; <br /> } <br /> } <br /> <br /> function popupmenu_off() { <br /> layer_set_visible(popupmenu, false); <br /> } <br /> <br /> document.onmousedown = popupmenu_off; <br /> <br /> // --> <br /> </script> <br /> <br /> <style> td {font-size:9pt} </style> <br /> </head> <br /> <br /> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin=0 topmargin=0> <br /> <br /> <div id='popupmenu' style='width:100px; height:50px; position:absolute; z-index:1; visibility:hidden;'> <br /> <table bgcolor='#cccccc' width='100%' cellpadding='5' cellspacing='1'> <br /> <tr style=cursor:hand> <br /> <td onmouseover="this.style.background='#333399'; this.style.color='#ffffff'" onmouseout="this.style.background='#cccccc'; this.style.color='#000000'" onmousedown="alert('메롱')">&nbsp;샘플1 </td></tr> <br /> </table> <br /> </div> <br /> <br /> <a href="javascript://" onclick="popupmenu_show('popupmenu')">샘플메뉴</a> <br /> <br /> <br />