오른쪽 마우스 버튼을 클릭하면 나타나는 java메뉴 1

Menu,Navigation/메뉴 2008. 7. 23. 22:00

/* Tistory_336_ads01 */ /* Tistory_336_ads01 */

<HTML>
<HEAD>
    <TITLE>연변88닷컴</TITLE>

<style>
<!--
.skin0{
    position:absolute;
    width:120px;
    border:2px solid black;
    background-color:silver;
    font-family:Verdana;
    line-height:20px;
    cursor:default;
    visibility:hidden;
}

.skin1{
    cursor: hand;
    font: menutext;
    position: absolute;
    width: 105px;
    background-color: efefef;
    border: 1 solid buttonface;
    visibility:hidden;
    border: 1 outset buttonhighlight;
}

.menuitems{
    padding:5px;
    font-size: 9pt;
}
-->
</style>

<script language="JavaScript1.2">
var menuskin=1
var display_url=0

function showmenuie5(){
    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 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>
</head>

<body>

오른쪽 마우스 버튼을 아무곳에서나 클릭해보세요..메뉴가 나타나는걸 확인할 수 있습니다.

<!--이곳 밑으로 내용을 삽입하게 되면 본문에 내용이 나타나지 않게됩니다..모든 본문 내용은 이곳 위쪽으로 삽입하세요-->
<!--[if IE]>
<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="http://www.yb88.com">연변88닷컴</div>
<div class="menuitems" url="http://daum.net">다음</div>
<div class="menuitems" url="http://naver.com">네이버</div>
<div class="menuitems" url="http://www.empas.com" target="_blank">엠파스</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>

</body>
</html>

메뉴구성은 <BODY>밑으로 아래와 같이 분류하시면 됩니다.
단 주의할점은 메뉴를 구분할때 꼭

'Menu,Navigation > 메뉴' 카테고리의 다른 글

java 드롭다운 메뉴를 선택하면 하단에 메뉴 설명이 나타납니다 (1)	2008.07.23
클릭하면 닫기 메뉴와 슬라이딩 체인지 되고 다시 클릭하면 나타나는 java메뉴 (0)	2008.07.23
메뉴 밑으로 바(BAR)가 플래쉬처럼 슬라이딩 되는 자바 (1)	2008.07.23
플레쉬효과 같은 자바스크립 환상 메뉴구성 (2)	2008.07.23
셀렉트를 이용한 드롭다운 java메뉴 (선택시 바로 이동) (1)	2008.07.23
자바스크립을 이용한 드롭다운 메뉴 (1)	2008.07.23
레이어를 이용한 JavaScript 메뉴구성 (1)	2008.07.23
스타일을 이용한 자바 메뉴구성 (하단에 페이드인 메뉴설명박스) (2)	2008.07.23
3D 회전 메뉴 자바스크립트 (1)	2008.07.23

Posted by 공든탑

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

연변88자바

오른쪽 마우스 버튼을 클릭하면 나타나는 java메뉴 1

'Menu,Navigation > 메뉴' 카테고리의 다른 글

카테고리

태그목록

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

달력

링크

티스토리툴바