<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개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2230 | 16년 전 | 1288 | ||
| 2229 | 16년 전 | 2160 | ||
| 2228 | 16년 전 | 3222 | ||
| 2227 | 16년 전 | 2163 | ||
| 2226 | 16년 전 | 1745 | ||
| 2225 | 16년 전 | 1506 | ||
| 2224 |
 ideaman |
16년 전 | 2041 | |
| 2223 | 16년 전 | 4722 | ||
| 2222 | 16년 전 | 1404 | ||
| 2221 |
 RINIX |
16년 전 | 2141 | |
| 2220 |
RINIX |
16년 전 | 2129 | |
| 2219 |
RINIX |
16년 전 | 2400 | |
| 2218 |
RINIX |
16년 전 | 2144 | |
| 2217 |
RINIX |
16년 전 | 4433 | |
| 2216 |
RINIX |
16년 전 | 2921 | |
| 2215 | 16년 전 | 2861 | ||
| 2214 | 16년 전 | 1594 | ||
| 2213 | 16년 전 | 1235 | ||
| 2212 |
RINIX |
16년 전 | 3939 | |
| 2211 |
RINIX |
16년 전 | 1613 | |
| 2210 |
RINIX |
16년 전 | 1602 | |
| 2209 | 16년 전 | 2105 | ||
| 2208 | 16년 전 | 1878 | ||
| 2207 |
letsgolee
|
16년 전 | 1489 | |
| 2206 |
RINIX |
16년 전 | 3912 | |
| 2205 | 16년 전 | 1750 | ||
| 2204 | 16년 전 | 3131 | ||
| 2203 | 16년 전 | 3016 | ||
| 2202 | 16년 전 | 1039 | ||
| 2201 | 16년 전 | 1842 | ||
| 2200 | 16년 전 | 1589 | ||
| 2199 |
 MindMap |
16년 전 | 1849 | |
| 2198 |
태양의서쪽
|
16년 전 | 2634 | |
| 2197 |
태양의서쪽
|
16년 전 | 3015 | |
| 2196 |
태양의서쪽
|
16년 전 | 3218 | |
| 2195 | 16년 전 | 3323 | ||
| 2194 | 16년 전 | 1458 | ||
| 2193 |
letsgolee
|
16년 전 | 1417 | |
| 2192 | 16년 전 | 2253 | ||
| 2191 | 16년 전 | 1971 | ||
| 2190 |
 cmpanel |
16년 전 | 2287 | |
| 2189 | 16년 전 | 2807 | ||
| 2188 |
Sizkein
|
16년 전 | 3260 | |
| 2187 |
letsgolee
|
16년 전 | 2356 | |
| 2186 |
Sizkein
|
16년 전 | 1632 | |
| 2185 |
Sizkein
|
16년 전 | 3202 | |
| 2184 |
Sizkein
|
16년 전 | 3061 | |
| 2183 | 16년 전 | 3039 | ||
| 2182 | 16년 전 | 3905 | ||
| 2181 | 16년 전 | 2577 | ||
| 2180 |
 skinartisanCOM |
16년 전 | 2400 | |
| 2179 | 16년 전 | 2649 | ||
| 2178 | 16년 전 | 2893 | ||
| 2177 | 17년 전 | 2612 | ||
| 2176 | 17년 전 | 1450 | ||
| 2175 | 17년 전 | 1891 | ||
| 2174 | 17년 전 | 1485 | ||
| 2173 |
skinartisanCOM |
17년 전 | 1910 | |
| 2172 | 17년 전 | 2506 | ||
| 2171 | 17년 전 | 8690 | ||
| 2170 | 17년 전 | 3147 | ||
| 2169 | 17년 전 | 4235 | ||
| 2168 |
cmpanel |
17년 전 | 1976 | |
| 2167 | 17년 전 | 3654 | ||
| 2166 |
cmpanel |
17년 전 | 1545 | |
| 2165 | 17년 전 | 1381 | ||
| 2164 | 17년 전 | 2317 | ||
| 2163 | 17년 전 | 1313 | ||
| 2162 | 17년 전 | 1635 | ||
| 2161 | 17년 전 | 1454 | ||
| 2160 | 17년 전 | 2525 | ||
| 2159 |
inxps
|
17년 전 | 1491 | |
| 2158 |
inxps
|
17년 전 | 1091 | |
| 2157 | 17년 전 | 1219 | ||
| 2156 | 17년 전 | 3092 | ||
| 2155 | 17년 전 | 2163 | ||
| 2154 | 17년 전 | 1969 | ||
| 2153 |
 똥싼너구리 |
17년 전 | 1219 | |
| 2152 |
letsgolee
|
17년 전 | 2453 | |
| 2151 | 17년 전 | 1169 | ||
| 2150 |
아름다운세상
|
17년 전 | 1124 | |
| 2149 |
아름다운세상
|
17년 전 | 1366 | |
| 2148 |
아름다운세상
|
17년 전 | 2731 | |
| 2147 |
 넥스트스텝 |
17년 전 | 2394 | |
| 2146 | 17년 전 | 2481 | ||
| 2145 | 17년 전 | 1183 | ||
| 2144 | 17년 전 | 1300 | ||
| 2143 | 17년 전 | 3241 | ||
| 2142 | 17년 전 | 2829 | ||
| 2141 | 17년 전 | 4105 | ||
| 2140 | 17년 전 | 2254 | ||
| 2139 | 17년 전 | 2345 | ||
| 2138 | 17년 전 | 1394 | ||
| 2137 | 17년 전 | 2513 | ||
| 2136 | 17년 전 | 2200 | ||
| 2135 | 17년 전 | 2959 | ||
| 2134 |
아름다운세상
|
17년 전 | 2468 | |
| 2133 |
Juinjang
|
17년 전 | 1629 | |
| 2132 | 17년 전 | 2426 | ||
| 2131 | 17년 전 | 1587 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기