½½¶óÀ̵å¸Þ´º (½ºÅ©¸³Æ®) | |
2005-04-05 (È) 07:15 Á¶È¸:1711 | |
|
<html> <head> <!--¸Þ´ºÀÇ ÇüÅÂ--> <style> .skin0{ position:absolute; width:200px; border:2px solid black; background-color:menu; font-family:Verdana; line-height:20px; cursor:default; visibility:hidden; } .skin1{cursor: default; font: menutext; position: absolute; width: 165px; background-color: menu; border: 1 solid buttonface; visibility:hidden; border: 2 outset buttonhighlight; } .menuitems{padding-left:15px; padding-right:10px;} </style> <script language="JavaScript"> //¸Þ´ºÀÇ ÇüŸ¦ ¼±ÅÃÇÏ°íÀÚ ÇÏ´Â ¿É¼Ç(0 ¶Ç´Â 1) var menuskin=0 //0À¸·Î ¼³Á¤Çҽà ¸µÅ©ÀÇ ÁÖ¼Ò°¡ »óŹٿ¡ ³ªÅ¸³ªÁö ¾Ê´Â´Ù. var display_url=0 // ¸¶¿ì½ºÀÇ Å¬¸¯¿¡ µû¸¥ ¸Þ´ºÀÇ À§Ä¡ÁöÁ¤ function showmenu(){ var rightedge=document.body.clientWidth-event.clientX var bottomedge=document.body.clientHeight-event.clientY // ¸Þ´ºÀÇ ¼öÆòÀ§Ä¡ ¹× ±æÀÌ if (rightedge<ie5menu.offsetWidth) ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth else ie5menu.style.left=document.body.scrollLeft+event.clientX // ¸Þ´ºÀÇ ¼öÁ÷À§Ä¡ ¹× °Å¸® if (bottomedge<ie5menu.offsetHeight) ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight else ie5menu.style.top=document.body.scrollTop+event.clientY ie5menu.style.visibility="visible" return false } // ¸Þ´º¸¦ ¾Èº¸ÀÌ°Ô ÇÔ function hidemenu(){ ie5menu.style.visibility="hidden" } // ¸Þ´º¿¡ ´ëÇØ ¸¶¿ì½º°¡ ¿À¹öµÉ½ÃÀÇ »ö»óº¯È function highlight_menu(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="highlight" event.srcElement.style.color="white" if (display_url==1)// »óŹٿ¡ ´ëÇÑ ÁÖ¼Òâ Ç¥½Ã¿©ºÎ window.status=event.srcElement.url } } // ¸¶¿ì½º ¾Æ¿ô½ÃÀÇ »ö»ó º¯È function lowlight_menu(){ if (event.srcElement.className=="menuitems"){ event.srcElement.style.backgroundColor="" event.srcElement.style.color="black" window.status='' } } // ¸Þ´º¼±Åýà ½ÇÁ¦ ¸µÅ©ÁÖ¼Ò À̵¿ function jumpto_url(){ if (event.srcElement.className=="menuitems"){ if (event.srcElement.getAttribute("target")!=null) window.open(event.srcElement.url,event.srcElement.getAttribute("target")) else window.location=event.srcElement.url } } </script></head> <body> <div id="ie5menu" class="skin0" onMouseover="highlight_menu()" onMouseout="lowlight_menu()" onClick="jumpto_url()"> <div class="menuitems" url="http://www.youngjin.com">YoungJin.com</div> <div class="menuitems" url="#" target="_blank">°øÁö»çÇ×</div><hr> <div class="menuitems" url="#">»õ·Î¿î ³íÀï?</div> <div class="menuitems" url="#">ÇÁ·ÎÇÊ</div> <div class="menuitems" url="#">Áú¹®»çÇ×</div> <div class="menuitems" url="#">Àü¼Û!!!</div><hr> <div class="menuitems" url="mailto:baekgom@dinno.biz?subject=¹Ý°©½À´Ï´Ù&body=^^">À̸ÞÀÏÀ»..</div> </div> <!--¸Þ´ºÀÇ ÇüÅ °áÁ¤--> <script language="JavaScript"> if (document.all&&window.print){ if (menuskin==0) ie5menu.className="skin0" else ie5menu.className="skin1" document.oncontextmenu=showmenu document.body.onclick=hidemenu } </script> </body> </html> |