태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

오른쪽마우스,클릭하면 나타나는 메뉴

홈페이지

20년 전

바탕화면 아무곳이나 오른쪽 마우스로 클릭하면 메뉴가 나타나여.
여기 예제는 iframe으로 넣었으니까 분홍바탕안에서 오른쪽 마우스로 클릭해 보세여.

<style type="text/css">  </style> <style>  </style> <script language="JavaScript1.2">  offMessage = "Welcome to xtx.kr" function boxOn(which,message){ if (document.all||document.getElementById){ which.className='BorderOn' if (document.getElementById) {document.getElementById("Message").innerHTML = message} else {Message.innerHTML = message} } } function boxOff(which){ if (document.all||document.getElementById){ which.className='BorderOff' if (document.getElementById) {document.getElementById("Message").innerHTML = offMessage} else {Message.innerHTML = offMessage} } } //--> </script>  <div ID="rightmenu" style="position: absolute; visibility:hidden; width:200"> <table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff"> <tr> <td><font color="#FEDCBA" size="2" face="Arial">메뉴판 목록</font></td> </tr> </table> <img name=zb_target_resize style=\ src="spacer.gif" width="5" height="5"><br>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'다주지1번 메뉴의 설명 입니다')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.xtx.kr" target="_blank">첫번째 메뉴</a></font></td> </tr> </table> //spacer.gif는2*2 흰색으로 만들어 넣으세여.// <img name=zb_target_resize style=\ src="spacer.gif" width="2" height="2"><br>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'다주지2번 메뉴의 설명 입니다')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.xtx.kr" target="_blank">두번째 메뉴</a></font></td> </tr> </table> <img name=zb_target_resize style=\ src="spacer.gif" width="5" height="5"><br>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'다주지3번 메뉴의 설명 입니다')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mGreen" href="http://www.xtx.kr" target="_blank">세번째 메뉴</a></font></td> </tr> </table> <img name=zb_target_resize style=\ src="spacer.gif" width="2" height="2"><br>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'다주지4번 메뉴의 설명 입니다')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://www.xtx.kr" target="_blank">네번째 메뉴</a></font></td> </tr> </table> <img name=zb_target_resize style=\ src="spacer.gif" width="2" height="2"><br>  <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'다주지5번 메뉴의 설명 입니다')" onMouseout="boxOff(this)"> <tr> <td><font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://www.xtx.kr" target="_blank">5번째 메뉴</a></font></td> </tr> </table> <img name=zb_target_resize style=\ src="spacer.gif" width="5" height="5"><br>  <table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90"> <tr> <td> <table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100"> <tr> <td align="left" valign="top"><font id="Message" color="#FFFF66" size="2" face="Arial">Welcome to yeoyoo.com</font></td> </tr> </table> </td> </tr> </table> </div> <script language="JavaScript1.2"> function showRightMenu(){ var testTop = document.body.scrollTop + event.clientY; var testLeft = document.body.scrollLeft + event.clientX; var tooltipAbsLft = (testLeft > document.body.scrollLeft + document.body.width - rightmenu.style.width) ? testLeft - rightmenu.style.width : testLeft; var tooltipAbsTop = (testTop > document.body.scrollTop + document.height - rightmenu.style.height) ? testTop - rightmenu.style.height : testTop; rightmenu.style.posLeft = tooltipAbsLft; rightmenu.style.posTop = tooltipAbsTop; rightmenu.style.visibility = "visible"; return (false); } function hideRightMenu(){ rightmenu.style.visibility = "hidden"; } document.oncontextmenu = showRightMenu; document.onclick = hideRightMenu; </script>