<html>
<head>
<title>http://siteweb.co.kr/</title>
<script language="javascript">
/**
* by 행복한고니 (20041008)
*
* Homepage : http://siteweb.co.kr/
*/
<!--
function slide(Id, interval, to) {
var obj = document.getElementById(Id);
var H, step = 5;
if (obj == null) return;
if (to == undefined) { // user clicking
if (obj._slideStart == true) return;
if (obj._expand == true) {
to = 0;
obj.style.overflow = "hidden";
} else {
slide.addId(Id);
for(var i=0; i < slide.objects.length; i++) {
if (slide.objects[i].id != Id && slide.objects[i]._expand == true) {
slide(slide.objects[i].id);
}
}
obj.style.height = "";
obj.style.overflow = "";
obj.style.display = "block";
to = obj.offsetHeight; // 이거이거
obj.style.overflow = "hidden";
obj.style.height = "1px";
}
obj._slideStart = true;
}
step = ((to > 0) ? 1:-1) * step;
interval = ((interval==undefined)?1:interval);
obj.style.height = (H=((H=(isNaN(H=parseInt(obj.style.height))?0:H))+step<0)?0:H+step)+"px";
if (H <= 0) {
obj.style.display = "none";
obj.style.overflow = "hidden";
obj._expand = false;
obj._slideStart = false;
} else if (to > 0 && H >= to) {
obj.style.display = "block";
obj.style.overflow = "visible";
obj.style.height = H + "px";
obj._expand = true;
obj._slideStart = false;
} else {
setTimeout("slide('"+Id+"' , "+interval+", "+to+");", interval);
}
}
slide.objects = new Array();
slide.addId = function(Id)
{
for (var i=0; i < slide.objects.length; i++) {
if (slide.objects[i].id == Id) return true;
}
slide.objects[slide.objects.length] = document.getElementById(Id);
}
//-->
</script>
<style>
.menu {
border:1px solid #999999;
background-color:#FFCC00;
padding:3px 1px 1px 5px;
cursor:hand;
width:150px;
}
.submenu {
width:150px;
padding-left:10px;
display:none;
}
</style>
</head>
<body>
<div class="menu" onClick="slide('sub1');">메뉴항목 1</div>
<div id="sub1" class="submenu">
<div>- Sub menu 1-1</div>
<div>- Sub menu 1-2</div>
<div>- Sub menu 1-3</div>
<div>- Sub menu 1-4</div>
<div>- Sub menu 1-5</div>
</div>
<div class="menu" onClick="slide('sub2');">메뉴항목 2</div>
<div id="sub2" class="submenu">
<div>- Sub menu 2-1</div>
<div>- Sub menu 2-2</div>
<div>- Sub menu 2-3</div>
<div>- Sub menu 2-4</div>
<div>- Sub menu 2-5</div>
<div>- Sub menu 2-6</div>
<div>- Sub menu 2-7</div>
<div>- Sub menu 2-8</div>
</div>
<div class="menu" onClick="slide('sub3');">메뉴항목 3</div>
<div id="sub3" class="submenu">
<div>- Sub menu 3-1</div>
<div>- Sub menu 3-2</div>
<div>- Sub menu 3-3</div>
</div>
<div class="menu" onClick="slide('sub4');">메뉴항목 4</div>
<div id="sub4" class="submenu">
<div>- Sub menu 4-1</div>
<div>- Sub menu 4-2</div>
<div>- Sub menu 4-3</div>
</div>
<div class="menu" onClick="slide('sub5');">메뉴항목 5</div>
<div id="sub5" class="submenu">
<div>- Sub menu 5-1</div>
<div>- Sub menu 5-2</div>
<div>- Sub menu 5-3</div>
<div>- Sub menu 5-4</div>
</div>
</body>
</html>
댓글 3개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2130 | 17년 전 | 1189 | ||
| 2129 |
ⓧ힘내세요
|
17년 전 | 2243 | |
| 2128 | 17년 전 | 2877 | ||
| 2127 | 17년 전 | 4060 | ||
| 2126 | 17년 전 | 3147 | ||
| 2125 | 17년 전 | 1409 | ||
| 2124 | 17년 전 | 1708 | ||
| 2123 | 17년 전 | 2239 | ||
| 2122 | 17년 전 | 1547 | ||
| 2121 | 17년 전 | 1726 | ||
| 2120 | 17년 전 | 2724 | ||
| 2119 | 17년 전 | 2147 | ||
| 2118 | 17년 전 | 1800 | ||
| 2117 |
아름다운세상
|
17년 전 | 4208 | |
| 2116 | 17년 전 | 3050 | ||
| 2115 | 17년 전 | 1438 | ||
| 2114 |
아름다운세상
|
17년 전 | 3576 | |
| 2113 | 17년 전 | 2801 | ||
| 2112 | 17년 전 | 2078 | ||
| 2111 | 17년 전 | 1296 | ||
| 2110 | 17년 전 | 2337 | ||
| 2109 | 17년 전 | 2071 | ||
| 2108 | 17년 전 | 1993 | ||
| 2107 |
휴전합시다
|
17년 전 | 1926 | |
| 2106 | 17년 전 | 1173 | ||
| 2105 |
|
17년 전 | 1873 | |
| 2104 | 17년 전 | 2930 | ||
| 2103 | 17년 전 | 1435 | ||
| 2102 | 17년 전 | 1672 | ||
| 2101 | 17년 전 | 1358 | ||
| 2100 | 17년 전 | 1605 | ||
| 2099 | 17년 전 | 1579 | ||
| 2098 | 17년 전 | 1447 | ||
| 2097 | 17년 전 | 2569 | ||
| 2096 | 17년 전 | 2332 | ||
| 2095 | 17년 전 | 2115 | ||
| 2094 | 17년 전 | 1424 | ||
| 2093 | 17년 전 | 2439 | ||
| 2092 | 17년 전 | 4265 | ||
| 2091 | 17년 전 | 2754 | ||
| 2090 | 17년 전 | 1668 | ||
| 2089 | 17년 전 | 1859 | ||
| 2088 | 17년 전 | 3243 | ||
| 2087 | 17년 전 | 2237 | ||
| 2086 | 17년 전 | 3835 | ||
| 2085 | 17년 전 | 1682 | ||
| 2084 | 17년 전 | 2287 | ||
| 2083 | 17년 전 | 2110 | ||
| 2082 | 17년 전 | 1617 | ||
| 2081 | 17년 전 | 2129 | ||
| 2080 |
letsgolee
|
17년 전 | 1922 | |
| 2079 | 17년 전 | 1962 | ||
| 2078 | 17년 전 | 3077 | ||
| 2077 | 17년 전 | 2153 | ||
| 2076 | 17년 전 | 1444 | ||
| 2075 | 17년 전 | 1464 | ||
| 2074 | 17년 전 | 2136 | ||
| 2073 | 17년 전 | 3207 | ||
| 2072 | 17년 전 | 2145 | ||
| 2071 |
휴전합시다
|
17년 전 | 1537 | |
| 2070 | 17년 전 | 4253 | ||
| 2069 | 17년 전 | 2046 | ||
| 2068 | 17년 전 | 3471 | ||
| 2067 | 17년 전 | 6043 | ||
| 2066 | 17년 전 | 1489 | ||
| 2065 |
letsgolee
|
17년 전 | 1657 | |
| 2064 | 17년 전 | 1235 | ||
| 2063 | 17년 전 | 1351 | ||
| 2062 |
vicky
|
17년 전 | 2879 | |
| 2061 | 17년 전 | 1911 | ||
| 2060 |
카프카07
|
17년 전 | 2597 | |
| 2059 | 17년 전 | 1311 | ||
| 2058 | 17년 전 | 3188 | ||
| 2057 | 17년 전 | 2168 | ||
| 2056 | 17년 전 | 2615 | ||
| 2055 | 17년 전 | 1411 | ||
| 2054 | 17년 전 | 1761 | ||
| 2053 | 17년 전 | 1153 | ||
| 2052 |
|
17년 전 | 1211 | |
| 2051 | 17년 전 | 1796 | ||
| 2050 | 17년 전 | 1235 | ||
| 2049 | 17년 전 | 4320 | ||
| 2048 | 17년 전 | 1518 | ||
| 2047 | 17년 전 | 2016 | ||
| 2046 |
카프카07
|
17년 전 | 7098 | |
| 2045 | 17년 전 | 1390 | ||
| 2044 | 17년 전 | 1911 | ||
| 2043 | 17년 전 | 3139 | ||
| 2042 | 17년 전 | 1232 | ||
| 2041 |
카프카07
|
17년 전 | 1991 | |
| 2040 | 17년 전 | 1169 | ||
| 2039 |
smilesol
|
17년 전 | 1866 | |
| 2038 | 17년 전 | 2169 | ||
| 2037 |
|
17년 전 | 2980 | |
| 2036 | 17년 전 | 1255 | ||
| 2035 |
|
17년 전 | 1346 | |
| 2034 |
ㅣ곰탱이ㅣ
|
17년 전 | 1570 | |
| 2033 |
|
17년 전 | 1235 | |
| 2032 | 17년 전 | 4363 | ||
| 2031 | 17년 전 | 3910 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기