메뉴 보이기
Profile
이온디

2009.01.20

Script

화면 왼쪽에 숨겨진 레이어 꺼내기

조회 수 5609 추천 수 0
menu_show-layer.png

<body onLoad="init();" ondblClick="textMenu();">
<style>
A:link{text-decoration:none}
A:visited{text-decoration:none}
#clickBar {
cursor: hand;
position: absolute;
top: 0;
left: 0;
width: 12;
height: 55;
z-index: 2;
background-color: white;
color: #666666;
font-family: 돋움체;
font-size: 9pt;
text-align: center;
border: 1 #666666 solid;
visibility: visible;
}
#menuDiv {
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 55;
border: 1 gray solid;
font-size: 9pt;
font-family: 돋움체;
visibility: hidden;
}
//-->
</style>

<script language="JavaScript">
<!--
function init() {
popText = menuDiv.style;
tab = clickBar.style;
menuVisibility = 0;
}

function textMenu() {

if (menuVisibility) {
tab.visibility = "hidden";
tab.left = 0;
tab.visibility = "visible";
popText.visibility = "hidden";
menuVisibility = 0;
return;
}

if (!menuVisibility) {
tab.visibility = "hidden";
tab.left = 25;
tab.visibility = "visible";
popText.visibility = "visible";
menuVisibility = 1;
}
}
//-->
</script>

<div align="justify" id="clickBar" onClick="textMenu();">
간<br>
편<br>
메<br>

</div>

<div id="menuDiv">
<a href="#top"><font color="#999999">위로</font></a><font color="#999999"><br>
</font><a href="http://www.yahoo.co.kr"><font color="#999999">야후</font></a><font color="#999999"><br>
</font><a href="http://www.NZEO.com"><font color="#999999">NZEO</font></a><font color="#999999"><br>
</font><a href="http://pain.new21.org"><font color="#999999">소설</font></a>
</div>

<br><br><br><bR><bR><bR><bR><bR><br><br><br><br><bR><bR><bR><bR><bR><br><br><br><br><bR><bR><bR><bR><bR><br><br><br><br><bR><bR><bR><bR><bR><br><br><br><br><bR><bR><bR><bR><bR><br><br><br><br><bR><bR><bR><bR><bR><br>
<b>아무데서나 Double Click 해보세요.. </b>

Profile
0
Lv

1개의 댓글

Profile
이온디
2013.08.09

쿠키는 안 구워주고 슬라이드 효과는 없음.

에디터
번호 제목 날짜 조회 수
공지 [웹표준] 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018.01.03 126
공지 [jQuery] jQuery를 배울수 있는 동네들입니다. 2013.08.09 19189
공지 [미분류] 관련 링크 2010.05.23 33820
160 [Script] iframe 자동 리사이즈 6 2007.04.16 13615
159 Table to DIV 5 2008.12.25 3580
158 [HTML5] 이미지 롤오버 2 2007.04.17 8756
157 DIV와 Table for Layout 에 대한 코딩 이야기 2 2009.01.03 4201
156 [Meta] IE6의 이미지(그림) 툴바 기능 막기, 이미지 도구 모음 막기 2 2003.09.21 5161
155 [HTML5] 레이어1은 보이고 레이어2는 감추기 2 2004.04.23 5503
154 [Script] 링크 자동으로 onfocus="blur()" 붙이기 (by 후니) 2 2004.05.05 4474
153 [Form] 인풋 폼 이미지로 대체하기 1 2004.05.21 5208
152 [Script] 게시판 등 에서 웹페이지에서 특정 부분 감췄다보여주기 - 레이어 토글 1 2004.06.04 13651
151 [Script] 롤오버 메뉴 만들기 1 2009.01.18 5882
150 [Script] Iframe 크기 내용에 따라 자동조절하기 (by konahn) 1 2007.04.17 9584
149 [PHP] 사이트 테마 기능 구현하기 1 2007.04.18 5555
148 [Script] DIV 레이어 토글 1 2007.04.21 7834
147 [Script] PNG 알파 필터 사용하기 1 2007.04.21 10393
146 [DIV] 이미지 없이 CSS로 둥근 모서리 구현하기 1 2008.12.31 12381
[Script] 화면 왼쪽에 숨겨진 레이어 꺼내기 1 2009.01.20 5609
144 [Script] 단축키 핫키로 원하는 동작을 실행하자 1 2013.09.22 4441
143 [HTML5] dl과 ul의 상하관계(?)에 대해서 질문드립니다. 1 2009.01.20 5158
142 Show-Hide Layers 클릭한 걸 기억하는 (by 알릭) 1 1 2009.02.03 6895
141 [부트스트랩] #2 부트스트랩의 특징 1 2013.03.04 5649