웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
클릭하거나, 바탕을 더블클릭하면 나타나는 작은(크기조절가능) 메뉴
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
위는 자동스크롤 메뉴 소스입니다.
그럽 잘써먹으시길~^^
좋다면, 추천~_~
태그연습장입니다.
붙여넣기해서 보세요.
그 야시꾸리한걸 수정하느라 죽는줄 알았습니다. ㅡ_ㅡ;
<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
위는 자동스크롤 메뉴 소스입니다.
그럽 잘써먹으시길~^^
좋다면, 추천~_~
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
{주목} CodeRed 아파치로그파일 지우기 [2] | skyel | 2001.08.22 |
MySQL 관리 첫걸음 [5] | 앤디(andy) | 2001.04.18 |
APC(Alternativ PHP Cache) 사용법( php 캐쉬 플러그인 ) [1] | 김도한 | 2002.01.29 |
아파치 웹서버 속도 빠르게 하기 위한 최적화 팁 [14] | 차카게살자 | 2002.01.27 |
[APM자동설치] APM_Setup 3 ( Apache, PHP4, MySQL, Perl, Tomcat ) [6] | 근땅e | 2002.02.06 |
커널 버전 알아내기 [1] | 오픈소스 | 2002.02.21 |
vi 편집기 사용시 비프음 제어 | 오픈소스 | 2002.02.21 |
에러페이지를 서버관리자가 지정한 페이지로. [1] | teenteenv | 2002.02.21 |
[리눅스]proftp 에서 사용자가 상위 폴더로 이동을 못하게... [3] | teenteenv | 2002.02.22 |
[강좌1탄]와우리눅스7.0을 서버로 두고 인터넷공유 [1] | RealComty | 2002.02.23 |
[강좌2탄]와우리눅스7.0을 서버로 두고 인터넷공유 [1] | RealComty | 2002.02.23 |
[강좌3탄]와우리눅스7.0을 서버로 두고 인터넷공유 [4] | RealComty | 2002.02.23 |
[re] [강좌4탄]와우리눅스7.0을 서버로 두고 인터넷공유 [2] | 주영명 | 2002.02.27 |
[강좌4탄]와우리눅스7.0을 서버로 두고 인터넷공유 [2] | RealComty | 2002.02.23 |
[강좌끝이다~!]와우리눅스7.0을 서버로 두고 인터넷공유 [8] | RealComty | 2002.02.23 |
메모리 절약하기 - 리눅스 | 오픈소스 | 2002.02.24 |
wuftp에서 proftp로...그리고, proftp 설정하기 [1] | 쇠물택 | 2002.02.24 |
[sapzils서버세팅] A+P+M 소스 설치 [4] | 쇠물택 | 2002.02.24 |
텔넷 사용자 관리... | 쇠물택 | 2002.02.24 |
리눅스 시스템에서 시간 맞추기 [2] | 쇠물택 | 2002.02.24 |