테스트 사이트 - 개발 중인 베타 버전입니다

오른쪽마우스클릭시메뉴(익스전용)

· 19년 전 · 1833
<style>
<!--
.skin0{
position:absolute;
width:150px;
border:1px 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:5px;
padding-right:5px;
}
-->
</style>

<script language="JavaScript1.2">
//set the skin of the menu (0 or 1, with 1 rendering a default Windows menu like skin)
var menuskin=1

//set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
var display_url=0


function showmenuie5(){
//Find out how close the mouse is to the corner of the window
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<ie5menu.offsetWidth)
//move the horizontal position of the menu to the left by it's width
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
//position the horizontal position of the menu where the mouse was clicked
ie5menu.style.left=document.body.scrollLeft+event.clientX

//same concept with the vertical position
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 hidemenuie5(){
ie5menu.style.visibility="hidden"
}

function highlightie5(){
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 lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}

function jumptoie5(){
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>



<!--- //////// 이부분이 내용 //////////////////////////////////// --->
<!--[if IE]>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5
()">

<div class="menuitems" url="http://www.taeyo.net/">태요홈</div>
<div class="menuitems" url=""><hr></div>
<div class="menuitems" url="http://www.empas.com">엠파스</div>
<div class="menuitems" url="http://www.naver.com">네이버</div>
<div class="menuitems" url="http://www.yahoo.co.kr">야후</div>
<div class="menuitems" url="http://www.google.com">구글</div>

</div>
<![endif]-->
<!--- //////// 이부분이 내용 끝 //////////////////////////////////// --->

<script language="JavaScript1.2">
if (document.all&&window.print){
if (menuskin==0)
ie5menu.className="skin0"
else
ie5menu.className="skin1"
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5
}
</script>

<p>&nbsp;</p><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
28772
10555
10554
10553
28770
28769
10552
10551
28768
10550
10549
10548
10547
28767
10546
10545
10544
28766
10541
10540
10538
10537
10535
10534
10533
10532
28760
10531
10530
28759
10527
10525
10523
10520
28758
28757
10519
10518
10517
10515
28756
10514
10512
10511
10510
10509
10508
10507
28755
28751
10506
10505
10504
10503
10499
10487
28748
10486
28747
10484
10483
10482
28746
10480
10476
10473
10472
28745
10460
10456
28739
10455
28738
10451
10448
10446
10445
10444
10442
10439
10408
10403
10400
10398
10397
10396
10391
10390
28733
10389
10383
10378
28732
10342
28731
10335
28730
28729
28727
10332