오른쪽 마우스를 클릭하면 팝업메뉴가 나타나는 스크립트

이 스크립트는 오른쪽 마우스를 클릭하면 팝업메뉴가 나타나는 스크립트이다.

이 소스를 자신의 PC에서 실행하고 싶은 사람은 아래의 다운로드에서 파일을 다운로드 한후 사용하면된다. 또한 소스를 수정하고 싶은 사람은 소스의 주석을 참고하기 바란다.

브라우저: 인터넷 익스플로러 5.5 이상
라이센스: freeware
사용언어: Javascript
다운로드: rightmenu.zip

<HTML><HEAD><p><center><font color="white"><b>▶ </b></font><a href="http://korea.internet.com/channel/list.asp?cid=189&zid=12"><b>코리아인터넷닷컴 자바스크립트 소스/예제 모음</b></a></center><p><br><br><table width="100%" height="30%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" valign="middle"><font face="Verdana" size="2" color="#0000000">오른쪽 마우스를 클릭해주세요.<SCRIPT type=text/javascript> var ie5=window.createPopup if (ie5) document.oncontextmenu=init; var eyesys=""; var preitem=""; function init(){ mx=event.clientX; my=event.clientY; menx=window.screenLeft+mx; meny=window.screenTop+my; sysmen=window.createPopup(); sysmen.document.write(eyesys); sysmen.show(menx,meny,eyesys_width,document.getElementById('men').offsetHeight); return false }; function eyesys_init(){ if (ie5){ eyesys+=("<style type='text/css'>.textul{position:absolute;top:0px;color:"+eyesys_titletext+";writing-mode: tb-rl;padding-top:10px;filter: flipH() flipV() dropShadow( Color=000000,offX=-2,offY=-2,positive=true);z-Index:10;width:100%;height:100%;font: bold 12px sans-serif}.gradientul{position:relative;top:0px;left:0px;width:100%;background-color:"+eyesys_titlecol2+";height:100%;z-Index:9;FILTER: alpha( style=1,opacity=0,finishOpacity=100,startX=100,finishX=100,startY=0,finishY=100)}.contra{background-color:"+eyesys_titlecol1+";border:1px inset "+eyesys_bg+";height:98%;width:18px;z-Index:8;top:0px;left:0px;margin:2px;position:absolute;}.men{position:absolute;top:0px;left:0px;padding-left:18px;background-color:"+eyesys_bg+";border:2px outset "+eyesys_bg+";z-Index:1;}.men a{margin:1px;cursor:default;padding-bottom:4px;padding-left:1px;padding-right:1px;padding-top:3px;text-decoration:none;height:100%;width:100%;color:"+eyesys_cl+";font:normal 12px sans-serif;}.men a:hover{background:"+eyesys_bgov+";color:"+eyesys_clov+";} BODY{overflow:hidden;border:0px;padding:0px;margin:0px;}.ico{border:none;float:left;}</style><div class='men'>") } }; function eyesys_item(txt,ico,lnk){ if (ie5){ //공백 아이콘 파일 s.gif if(!ico)ico='http://korea.internet.com/images/nid_image/s.gif'; preitem+=("<a href='#' onmousedown='parent.window.location.href=""+lnk+""'><img src='"+ico+"' width='16' height='16' class='ico'> "+txt+"</a>") } }; function eyesys_close(){ if (ie5){ eyesys+=preitem; eyesys+=("</div><div class='contra'><div class='gradientul'></div><div class='textul' id='titlu'>"+eyesys_title+"</div></div>"); document.write("<div id='men' style='width:"+eyesys_width+"'></div>"); document.getElementById('men').innerHTML=preitem } }</SCRIPT><style></style><SCRIPT type=text/javascript>//메뉴 제목eyesys_title="JavaScript Menu" //제목 배경색eyesys_titlecol1="black" //제목 배경색의 상단색eyesys_titlecol2="blue" // 제목 배경색의 하단색eyesys_titletext="white" // 제목의 글자색eyesys_bg="#229922" //메뉴의 배경색eyesys_bgov="#006699" // 마우스가 Over 되었을때 메뉴의 배경색 eyesys_cl="white" //메뉴의 글자색eyesys_clov="white" // 마우스가 Over 되었을때 메뉴의 글자색eyesys_width=160 // 메뉴의 폭//메뉴의 선언 부분eyesys_init()//메뉴 선언의 문법 : eyesys_item(문구,아이콘,링크)//만일 아이콘이 없으면 null로 하면된다.eyesys_item('홈','http://korea.internet.com/images/nid_image/home.gif','http://korea.internet.com')eyesys_item('뉴스',null,'http://korea.internet.com/channel/index.asp?cid=2&cid_level=1')eyesys_item('e비즈니스',null,'http://korea.internet.com/channel/index.asp?cid=3&cid_level=1')eyesys_item('웹개발',null,'http://korea.internet.com/channel/index.asp?cid=4&cid_level=1')eyesys_item('테크',null,'http://korea.internet.com/channel/index.asp?cid=5&cid_level=1')eyesys_item('IT세미나',null,'http://korea.internet.com/etc/conference/index_domestic.asp')eyesys_item('아카데미',null,'http://korea.internet.com/etc/academy/index.asp')eyesys_item('마이폴더',null,'http://korea.internet.com/etc/myfolder/index.asp')eyesys_close()</SCRIPT></font></td></tr></table><br><br><br><br><br><p align="center"><a href="/channel/content.asp?kid=13&nid=21180#test"><img src="/images/w_list3.gif" border="0"></a></p></body></html>

UX : 노트필기

오른쪽 마우스를 클릭하면 팝업메뉴가 나타나는 스크립트

티스토리툴바

오른쪽 마우스를 클릭하면 팝업메뉴가 나타나는 스크립트

'paran/[ Script ]' Related Articles

티스토리툴바