웹마스터 팁

  2. Support
  3. 웹마스터 팁

클릭하거나, 바탕을 더블클릭하면 나타나는 작은(크기조절가능) 메뉴

2004.05.17 00:07

☺심심

http://hex254.zerois.net/html/tag.htm

태그연습장입니다.

붙여넣기해서 보세요.

그 야시꾸리한걸 수정하느라 죽는줄 알았습니다. ㅡ_ㅡ;

<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>

수정은 알아서 하시길..-_-;

좀만 살펴보시면 할 수 있을겝니다.

style에서 건들건들하면 레이어 크기 등을 바꿀 수 있습니다.

style 지우면 안되구요.

아 참, 이걸 자동스크롤메뉴랑 합쳐서 써보시면..(소스가 너무 길어서 지저분하면 js파일로 만들어서 불러들이세요.)

http://www.nzeo.com/bbs/zboard.php?id=p_html&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&select_arrange=headnum&desc=asc&no=1030

위는 자동스크롤 메뉴 소스입니다.

그럽 잘써먹으시길~^^

좋다면, 추천~_~
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
로딩 100% 후 페이지 이동시키기 [1] ▩윤미 2004.04.30
웹페이지에 테두리 두르기 [5] ▩윤미 2004.04.30
그림파일없이 바꾸는 그라이데이션 배경색 [3] ▩윤미 2004.04.30
접속할때마다 다른 이미지 띄우기 [8] ▩윤미 2004.04.30
특정위치에 떠있는 레이어 (슬라이딩 애드콘) - 노프레임홈에서의 문제해결 [8] 검미르 2004.05.03
상태창에 머문시간 보여주기 [5] ☺심심 2004.05.05
클릭하거나, 바탕을 더블클릭하면 나타나는 작은(크기조절가능) 메뉴 ☺심심 2004.05.17
이미지 갤러리-이미지에 설명이나 이름을 같이 달아줄수 있는.. webzang 2004.05.17
배너를 모자이크로 슬라이드한다! [13] ☺심심 2004.05.17
동영상을 일반 버튼으로 제어 ☺심심 2004.05.23
왔다 갔다 이미지 스크롤 [3] 컴도미 2004.05.25
간단한 감추기/펼치기 스크립트 (태터툴즈의 more 기능) [5] 나이시스 2004.05.28
지바 애플 아날로그 시계 소스입니다... [4] 한성민 2004.06.02
[StylishJAVA]레이어를 이용한 슬라이드 메뉴 [5] ∑Ztxy 2004.06.05
[추천] 가로형 배너 슬라이드 [7] file ⓣinⓣin™ 2004.06.10
볼륨값이 얼마나 될까? [5] PHASE 2004.06.16
[추천] 세로형 배너 슬라이드 [4] ⓣinⓣin™ 2004.06.24
둥근테이블을 홈피에 짜고싶을때../ [12] file zEn 2004.06.28
레이어 특강 1 - 큰일 나는 소스 [23] 미친개 2004.06.30
레이어 2 - 뷁뷁뷁뷁뷁봵 [7] 미친개 2004.07.04
태그 쓰기