<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개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3030 | 14년 전 | 1177 | ||
| 3029 |
|
14년 전 | 1297 | |
| 3028 | 14년 전 | 1047 | ||
| 3027 | 14년 전 | 856 | ||
| 3026 | 14년 전 | 1042 | ||
| 3025 |
마케팅메지션
|
14년 전 | 1162 | |
| 3024 | 14년 전 | 867 | ||
| 3023 | 14년 전 | 853 | ||
| 3022 |
|
14년 전 | 1227 | |
| 3021 | 14년 전 | 1023 | ||
| 3020 | 14년 전 | 915 | ||
| 3019 | 14년 전 | 1072 | ||
| 3018 | 14년 전 | 1243 | ||
| 3017 |
마케팅메지션
|
14년 전 | 942 | |
| 3016 |
|
14년 전 | 977 | |
| 3015 | 14년 전 | 670 | ||
| 3014 | 14년 전 | 890 | ||
| 3013 | 14년 전 | 1104 | ||
| 3012 | 14년 전 | 932 | ||
| 3011 | 14년 전 | 928 | ||
| 3010 | 14년 전 | 1148 | ||
| 3009 |
마케팅메지션
|
14년 전 | 1660 | |
| 3008 | 14년 전 | 590 | ||
| 3007 | 14년 전 | 1024 | ||
| 3006 |
마케팅메지션
|
14년 전 | 1003 | |
| 3005 |
마케팅메지션
|
14년 전 | 902 | |
| 3004 | 14년 전 | 884 | ||
| 3003 |
마케팅메지션
|
14년 전 | 996 | |
| 3002 | 14년 전 | 784 | ||
| 3001 | 14년 전 | 2011 | ||
| 3000 | 14년 전 | 780 | ||
| 2999 | 14년 전 | 1683 | ||
| 2998 | 14년 전 | 770 | ||
| 2997 |
|
14년 전 | 860 | |
| 2996 | 14년 전 | 948 | ||
| 2995 | 14년 전 | 897 | ||
| 2994 | 14년 전 | 1601 | ||
| 2993 |
마케팅메지션
|
14년 전 | 1013 | |
| 2992 |
마케팅메지션
|
14년 전 | 963 | |
| 2991 |
마케팅메지션
|
14년 전 | 1136 | |
| 2990 | 14년 전 | 974 | ||
| 2989 | 14년 전 | 797 | ||
| 2988 |
|
14년 전 | 946 | |
| 2987 | 14년 전 | 826 | ||
| 2986 | 14년 전 | 1041 | ||
| 2985 | 14년 전 | 587 | ||
| 2984 | 14년 전 | 970 | ||
| 2983 | 14년 전 | 969 | ||
| 2982 | 14년 전 | 911 | ||
| 2981 | 14년 전 | 837 | ||
| 2980 |
마케팅메지션
|
14년 전 | 1175 | |
| 2979 |
마케팅메지션
|
14년 전 | 910 | |
| 2978 |
|
14년 전 | 851 | |
| 2977 |
|
14년 전 | 877 | |
| 2976 | 14년 전 | 819 | ||
| 2975 | 14년 전 | 821 | ||
| 2974 | 14년 전 | 906 | ||
| 2973 | 14년 전 | 1299 | ||
| 2972 | 14년 전 | 686 | ||
| 2971 | 14년 전 | 737 | ||
| 2970 | 14년 전 | 906 | ||
| 2969 | 14년 전 | 919 | ||
| 2968 | 14년 전 | 781 | ||
| 2967 | 14년 전 | 1355 | ||
| 2966 | 14년 전 | 863 | ||
| 2965 |
|
14년 전 | 1093 | |
| 2964 | 14년 전 | 1485 | ||
| 2963 | 14년 전 | 961 | ||
| 2962 |
|
14년 전 | 986 | |
| 2961 |
|
14년 전 | 891 | |
| 2960 | 14년 전 | 841 | ||
| 2959 | 14년 전 | 1193 | ||
| 2958 | 14년 전 | 941 | ||
| 2957 |
|
14년 전 | 834 | |
| 2956 |
|
14년 전 | 1203 | |
| 2955 |
|
14년 전 | 2349 | |
| 2954 | 14년 전 | 942 | ||
| 2953 | 14년 전 | 1055 | ||
| 2952 |
senseme
|
15년 전 | 1189 | |
| 2951 |
뱌미3059
|
15년 전 | 905 | |
| 2950 |
|
15년 전 | 950 | |
| 2949 | 15년 전 | 1000 | ||
| 2948 | 15년 전 | 875 | ||
| 2947 |
|
15년 전 | 964 | |
| 2946 |
개발조각사
|
15년 전 | 2452 | |
| 2945 |
개발조각사
|
15년 전 | 1776 | |
| 2944 |
개발조각사
|
15년 전 | 6062 | |
| 2943 |
개발조각사
|
15년 전 | 1308 | |
| 2942 |
개발조각사
|
15년 전 | 1573 | |
| 2941 |
개발조각사
|
15년 전 | 1933 | |
| 2940 |
개발조각사
|
15년 전 | 3664 | |
| 2939 |
개발조각사
|
15년 전 | 2995 | |
| 2938 |
개발조각사
|
15년 전 | 2076 | |
| 2937 |
개발조각사
|
15년 전 | 1576 | |
| 2936 |
개발조각사
|
15년 전 | 4026 | |
| 2935 | 15년 전 | 1107 | ||
| 2934 | 15년 전 | 881 | ||
| 2933 | 15년 전 | 1057 | ||
| 2932 | 15년 전 | 983 | ||
| 2931 | 15년 전 | 980 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기