하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<!---- [1단계] 아래 코드를 <HEAD> 와 </HEAD> 태그 사이에 붙여 넣으세요 --->
<style>
#view{
border: 1px solid silver;
background-color: white;
padding: 13px;
font-size: 13px;
font-family: 굴림;
position: absolute;
width: auto;
height: auto;
}
#select_bar{
border: 0px;
background-color: white;
padding: 13px;
font-size: 13px;
font-family: 굴림;
position: absolute;
width: auto;
height: auto;
}
</style>
<!------------------------- 여기까지 ------------------------------------>
</head>
<body>
<!---- [2단계] 아래의 방법으로 <BODY> 와 </BODY> 태그 사이에 붙여 넣으세요 --->
<!-------- 메뉴를 열고닫는 토글 버튼 레이어 입니다. ------->
<div id="select_bar"><a href="#" onClick="moveOnMenu();moveOffselector()"><b>메뉴 열기</b></a></div>
<!-------- 부메뉴를 설정하는 곳입니다 ------->
<div id="view">
<center>
<a href="#" onClick="moveOffMenu();moveOnselector()"><b>메뉴 닫기</b></a></center>
<table border="0" cellspacing="1" width="140" bgcolor="silver" style="font-size:12px">
<tr bgColor=white>
<td>
<p><a href="#">자바스크립트</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">야후! 코리아</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">네이버 홈페이지</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">드림위버 홈</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">다음 커뮤니케이션</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">엠파스</a></p>
</td>
</tr>
<tr bgColor=white>
<td>
<p><a href="#">라이코스 코리아</a></p>
</td>
</tr>
</table>
</div>
<!------------------------- 여기까지 ------------------------------------>
<script language="javascript">
<!--
// 초기에 부메뉴를 보이게 할지 여부를 설정 합니다(yes/no)
Show ="no";
var OffX = -180;
// 메뉴의 위치를 설정 합니다
var PosX = 500; // 왼쪽에서 10픽셀
var PosY = 10; // 위에서 10픽셀 떨어진 곳에 메뉴가 보입니다
var speed = 1;
var increment = 20; // 속도를 조절하실 수 있습니다
var incrementNS4 = 5; // 네스케이프용 속도조절 기능입니다
var is_NS = navigator.appName=="Netscape";
var is_Ver = parseInt(navigator.appVersion);
var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;
var is_NS5up = is_NS&&is_Ver>=5;
var MenuX = OffX;
var SelX = PosX;
var sPosX = PosX;
var sOffX = OffX;
if (Show == "yes") {
sPosX = OffX;
sOffX = PosX;
MenuX = sOffX;
SelX = sPosX;
}
if (is_NS4) {
increment = incrementNS4;
Lq = "document.layers.";
Sq = "";
eval(Lq+'select_bar'+Sq+'.left=sPosX');
eval(Lq+'view'+Sq+'.left=sOffX');
eval(Lq+'select_bar'+Sq+'.top=PosY');
eval(Lq+'view'+Sq+'.top=PosY');
} else {
Lq = "document.all.";
Sq = ".style";
document.getElementById('select_bar').style.left = sPosX+"px";
document.getElementById('view').style.left = sOffX+"px";
document.getElementById('select_bar').style.top = PosY+"px";
document.getElementById('view').style.top = PosY+"px";
}
function moveOnMenu() {
if (MenuX < PosX) {
MenuX = MenuX + increment;
if (is_NS5up) {
document.getElementById('view').style.left = MenuX+"px";
} else {
eval(Lq+'view'+Sq+'.left=MenuX');
}
setTimeout('moveOnMenu()',speed);
}
}
function moveOffMenu() {
if (MenuX > OffX) {
MenuX = MenuX - increment;
if (is_NS5up) {
document.getElementById('view').style.left = MenuX+"px";
} else {
eval(Lq+'view'+Sq+'.left=MenuX');
}
setTimeout('moveOffMenu()',speed);
}
}
function moveOffselector() {
if (SelX > OffX) {
SelX = SelX - increment;
if (is_NS5up) {
document.getElementById('select_bar').style.left = SelX+"px";
} else {
eval(Lq+'select_bar'+Sq+'.left=SelX');
}
setTimeout('moveOffselector()',speed);
}
}
function moveOnselector() {
if (SelX < PosX) {
SelX = SelX + increment;
if (is_NS5up) {
document.getElementById('select_bar').style.left = SelX+"px";
} else {
eval(Lq+'select_bar'+Sq+'.left=SelX');
}
setTimeout('moveOnselector()',speed);
}
}
//-->
</script>
<!------------------------- 여기까지 ------------------------------------>
</body>
</html>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6930 |
SOFTA
|
11년 전 | 5984 | |
| 6929 |
 LaRuota |
11년 전 | 1596 | |
| 6928 | 11년 전 | 1756 | ||
| 6927 | 11년 전 | 1779 | ||
| 6926 | 11년 전 | 1884 | ||
| 6925 | 11년 전 | 2276 | ||
| 6924 | 11년 전 | 3874 | ||
| 6923 | 11년 전 | 2273 | ||
| 6922 |
level999
|
11년 전 | 1041 | |
| 6921 | 11년 전 | 822 | ||
| 6920 | 11년 전 | 956 | ||
| 6919 | 11년 전 | 1072 | ||
| 6918 | 11년 전 | 1311 | ||
| 6917 | 11년 전 | 15428 | ||
| 6916 | 11년 전 | 1426 | ||
| 6915 | 11년 전 | 586 | ||
| 6914 | 11년 전 | 616 | ||
| 6913 | 11년 전 | 880 | ||
| 6912 | 11년 전 | 3126 | ||
| 6911 |
사랑해요79
|
11년 전 | 966 | |
| 6910 | 11년 전 | 745 | ||
| 6909 | 11년 전 | 781 | ||
| 6908 | 11년 전 | 644 | ||
| 6907 | 11년 전 | 832 | ||
| 6906 | 11년 전 | 1587 | ||
| 6905 | 11년 전 | 569 | ||
| 6904 | 11년 전 | 1010 | ||
| 6903 | 11년 전 | 1676 | ||
| 6902 |
2donggalbi
|
11년 전 | 516 | |
| 6901 | 11년 전 | 1395 | ||
| 6900 | 11년 전 | 721 | ||
| 6899 | 11년 전 | 861 | ||
| 6898 |
열라뽕똬이
|
11년 전 | 1311 | |
| 6897 |
this1mg
|
11년 전 | 1610 | |
| 6896 |
sbdossb
|
11년 전 | 576 | |
| 6895 |
봉보로봉봉
|
11년 전 | 1154 | |
| 6894 |
똘똘이스머츠
|
11년 전 | 497 | |
| 6893 |
네이비컬러
|
11년 전 | 3639 | |
| 6892 | 11년 전 | 1077 | ||
| 6891 |
네이비컬러
|
11년 전 | 1319 | |
| 6890 | 11년 전 | 1140 | ||
| 6889 | 11년 전 | 589 | ||
| 6888 | 11년 전 | 725 | ||
| 6887 | 11년 전 | 615 | ||
| 6886 | 11년 전 | 5058 | ||
| 6885 | 11년 전 | 556 | ||
| 6884 |
asfasdfd235
|
11년 전 | 583 | |
| 6883 | 11년 전 | 3038 | ||
| 6882 | 11년 전 | 924 | ||
| 6881 | 11년 전 | 4429 | ||
| 6880 | 11년 전 | 1815 | ||
| 6879 |
퍼블리셔지노군
|
11년 전 | 2627 | |
| 6878 | 11년 전 | 558 | ||
| 6877 | 11년 전 | 581 | ||
| 6876 | 11년 전 | 1445 | ||
| 6875 | 11년 전 | 629 | ||
| 6874 | 11년 전 | 1603 | ||
| 6873 | 11년 전 | 1606 | ||
| 6872 | 11년 전 | 4460 | ||
| 6871 |
Abilityarch
|
11년 전 | 965 | |
| 6870 | 11년 전 | 2128 | ||
| 6869 | 11년 전 | 1410 | ||
| 6868 | 11년 전 | 1454 | ||
| 6867 | 11년 전 | 1527 | ||
| 6866 | 11년 전 | 744 | ||
| 6865 | 11년 전 | 1617 | ||
| 6864 | 11년 전 | 475 | ||
| 6863 | 11년 전 | 3751 | ||
| 6862 | 11년 전 | 1849 | ||
| 6861 | 11년 전 | 1647 | ||
| 6860 | 11년 전 | 1305 | ||
| 6859 |
cityman
|
11년 전 | 6814 | |
| 6858 | 11년 전 | 1271 | ||
| 6857 |
의정부아줌마
|
11년 전 | 870 | |
| 6856 | 11년 전 | 2375 | ||
| 6855 | 11년 전 | 1700 | ||
| 6854 | 11년 전 | 829 | ||
| 6853 | 11년 전 | 1210 | ||
| 6852 | 11년 전 | 2599 | ||
| 6851 | 11년 전 | 1974 | ||
| 6850 | 11년 전 | 1796 | ||
| 6849 | 11년 전 | 2085 | ||
| 6848 | 11년 전 | 2366 | ||
| 6847 | 11년 전 | 3144 | ||
| 6846 | 11년 전 | 2720 | ||
| 6845 | 11년 전 | 2800 | ||
| 6844 | 11년 전 | 3523 | ||
| 6843 | 11년 전 | 3265 | ||
| 6842 |
아트291
|
11년 전 | 694 | |
| 6841 | 11년 전 | 4171 | ||
| 6840 | 11년 전 | 5187 | ||
| 6839 | 11년 전 | 894 | ||
| 6838 |
 iwebstory |
11년 전 | 2097 | |
| 6837 | 11년 전 | 1278 | ||
| 6836 |
netdf
|
11년 전 | 614 | |
| 6835 |
 Terrorboy |
11년 전 | 1011 | |
| 6834 | 11년 전 | 674 | ||
| 6833 |
LaRuota |
11년 전 | 2687 | |
| 6832 |
울산굿모닝
|
11년 전 | 1663 | |
| 6831 |
Terrorboy |
11년 전 | 671 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기