<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개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1830 |
갈색야생마
|
17년 전 | 2845 | |
| 1829 |
갈색야생마
|
17년 전 | 1590 | |
| 1828 |
갈색야생마
|
17년 전 | 1348 | |
| 1827 |
갈색야생마
|
17년 전 | 2014 | |
| 1826 |
갈색야생마
|
17년 전 | 1462 | |
| 1825 |
갈색야생마
|
17년 전 | 1404 | |
| 1824 |
갈색야생마
|
17년 전 | 1352 | |
| 1823 |
갈색야생마
|
17년 전 | 1560 | |
| 1822 |
갈색야생마
|
17년 전 | 2046 | |
| 1821 |
갈색야생마
|
17년 전 | 1431 | |
| 1820 |
갈색야생마
|
17년 전 | 1406 | |
| 1819 |
갈색야생마
|
17년 전 | 1209 | |
| 1818 |
갈색야생마
|
17년 전 | 1440 | |
| 1817 |
갈색야생마
|
17년 전 | 1167 | |
| 1816 |
갈색야생마
|
17년 전 | 1299 | |
| 1815 |
갈색야생마
|
17년 전 | 1556 | |
| 1814 |
갈색야생마
|
17년 전 | 1392 | |
| 1813 |
갈색야생마
|
17년 전 | 1293 | |
| 1812 |
갈색야생마
|
17년 전 | 1261 | |
| 1811 |
갈색야생마
|
17년 전 | 1378 | |
| 1810 |
갈색야생마
|
17년 전 | 1154 | |
| 1809 |
갈색야생마
|
17년 전 | 1206 | |
| 1808 |
갈색야생마
|
17년 전 | 1239 | |
| 1807 |
갈색야생마
|
17년 전 | 1312 | |
| 1806 |
갈색야생마
|
17년 전 | 1335 | |
| 1805 |
갈색야생마
|
17년 전 | 1340 | |
| 1804 |
갈색야생마
|
17년 전 | 1302 | |
| 1803 |
갈색야생마
|
17년 전 | 1625 | |
| 1802 | 17년 전 | 2959 | ||
| 1801 | 17년 전 | 3355 | ||
| 1800 | 17년 전 | 1451 | ||
| 1799 | 17년 전 | 1547 | ||
| 1798 | 17년 전 | 1363 | ||
| 1797 | 17년 전 | 2116 | ||
| 1796 | 17년 전 | 3033 | ||
| 1795 | 17년 전 | 1375 | ||
| 1794 | 17년 전 | 1368 | ||
| 1793 |
갈색야생마
|
17년 전 | 1365 | |
| 1792 |
갈색야생마
|
17년 전 | 1221 | |
| 1791 |
갈색야생마
|
17년 전 | 1412 | |
| 1790 |
갈색야생마
|
17년 전 | 1472 | |
| 1789 |
갈색야생마
|
17년 전 | 1279 | |
| 1788 |
갈색야생마
|
17년 전 | 2563 | |
| 1787 |
갈색야생마
|
17년 전 | 1312 | |
| 1786 |
갈색야생마
|
17년 전 | 1586 | |
| 1785 |
갈색야생마
|
17년 전 | 1458 | |
| 1784 |
갈색야생마
|
17년 전 | 1768 | |
| 1783 |
갈색야생마
|
17년 전 | 1792 | |
| 1782 | 17년 전 | 1803 | ||
| 1781 | 17년 전 | 1849 | ||
| 1780 | 17년 전 | 1512 | ||
| 1779 | 17년 전 | 1601 | ||
| 1778 |
갈색야생마
|
17년 전 | 1512 | |
| 1777 |
갈색야생마
|
17년 전 | 1857 | |
| 1776 |
갈색야생마
|
17년 전 | 1760 | |
| 1775 |
갈색야생마
|
17년 전 | 1556 | |
| 1774 |
갈색야생마
|
17년 전 | 1737 | |
| 1773 |
갈색야생마
|
17년 전 | 1404 | |
| 1772 |
갈색야생마
|
17년 전 | 1637 | |
| 1771 |
갈색야생마
|
17년 전 | 1953 | |
| 1770 |
갈색야생마
|
17년 전 | 2785 | |
| 1769 | 17년 전 | 1994 | ||
| 1768 | 17년 전 | 1405 | ||
| 1767 | 17년 전 | 1947 | ||
| 1766 | 17년 전 | 2401 | ||
| 1765 | 17년 전 | 1560 | ||
| 1764 | 17년 전 | 2322 | ||
| 1763 |
sini117
|
17년 전 | 1759 | |
| 1762 |
sini117
|
17년 전 | 1459 | |
| 1761 |
nooree
|
17년 전 | 1317 | |
| 1760 | 17년 전 | 1992 | ||
| 1759 | 17년 전 | 2882 | ||
| 1758 | 17년 전 | 2502 | ||
| 1757 | 17년 전 | 1526 | ||
| 1756 | 17년 전 | 2872 | ||
| 1755 | 17년 전 | 2406 | ||
| 1754 | 17년 전 | 2752 | ||
| 1753 | 17년 전 | 2764 | ||
| 1752 | 17년 전 | 2552 | ||
| 1751 | 17년 전 | 2366 | ||
| 1750 | 17년 전 | 1722 | ||
| 1749 | 17년 전 | 2457 | ||
| 1748 | 17년 전 | 3957 | ||
| 1747 |
 10년째초짜 |
17년 전 | 1832 | |
| 1746 | 17년 전 | 3914 | ||
| 1745 | 17년 전 | 1843 | ||
| 1744 | 17년 전 | 1735 | ||
| 1743 | 17년 전 | 2068 | ||
| 1742 | 17년 전 | 2476 | ||
| 1741 | 17년 전 | 1431 | ||
| 1740 | 17년 전 | 1773 | ||
| 1739 | 17년 전 | 2334 | ||
| 1738 | 17년 전 | 1810 | ||
| 1737 | 17년 전 | 1766 | ||
| 1736 | 17년 전 | 1544 | ||
| 1735 | 17년 전 | 1386 | ||
| 1734 | 17년 전 | 1344 | ||
| 1733 | 17년 전 | 1160 | ||
| 1732 | 17년 전 | 1146 | ||
| 1731 | 17년 전 | 1174 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기