개발하다가 버리기 아까워서 올립니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<title>아웃도어 쇼핑 :: 비박 :: 등산 :: 낚시 :: 캠핑 - 칼데라 쇼핑</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<link rel="stylesheet" type="text/css" href="tabs.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$(".tab_content").hide();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active").css("color","#333");
//$(this).addClass("active").css({"color": "darkred","font-weight": "bolder"});
$(this).addClass("active").css("color","darkred");
$(".tab_content").hide()
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn()
});
});
</script>
<style type="text/css">
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
width: 100%;
font-family:"dotum";
font-size:12px;
}
ul.tabs li {
float: left;
text-align:center;
cursor: pointer;
width:82px;
height: 31px;
line-height: 31px;
border: 1px solid #eee;
border-left: none;
font-weight: bold;
background: #fafafa;
overflow: hidden;
position: relative;
}
ul.tabs li.active{
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.tab_container {
border: 1px solid #eee;
border-top: none;
clear: both;
float: left;
width: 248px;
background: #FFFFFF;
}
.tab_content {
padding: 5px;
font-size: 12px;
display: none;
}
.tab_container .tab_content ul {width:100%; margin:0px; padding:0px;}
.tab_container .tab_content ul li{padding:5px; list-style:none};
#container {width: 249px; margin: 0 auto;
}
</style>
</head>
<body>
<div id="container">
<ul class="tabs">
<li class="active" rel="tab1">공지사항</li>
<li rel="tab2">구매랭킹</li>
<li rel="tab3">공지사항</li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
<ul>
<li><a href="#">이것은 두 번째 탭의</a></li>
<li><a href="#">이것은 두 번째 탭의</a></li>
<li><a href="#">이것은 두 번째 탭의</a></li>
<li><a href="#">이것은 두 번째 탭의</a></li>
<li><a href="#">이것은 두 번째 탭의</a></li>
</ul>
</div><!-- #tab1 -->
<div id="tab2" class="tab_content">
2222Mortal Kombat returns after a lengthy hiatus and puts players
back into the Tournament for 2D fighting with gruesome combat.
</div><!-- #tab2 -->
<div id="tab3" class="tab_content">
3333Halo: Reach is the culmination of the superlative combat, sensational
multiplayer, and seamless online integration that are the hallmarks
of this superb series.
</div><!-- #tab3 -->
</div> <!-- .tab_container -->
</div> <!-- #container -->
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<title>아웃도어 쇼핑 :: 비박 :: 등산 :: 낚시 :: 캠핑 - 칼데라 쇼핑</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<link rel="stylesheet" type="text/css" href="tabs.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$(".tab_content").hide();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active").css("color","#333");
//$(this).addClass("active").css({"color": "darkred","font-weight": "bolder"});
$(this).addClass("active").css("color","darkred");
$(".tab_content").hide()
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn()
});
});
</script>
<style type="text/css">
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
width: 100%;
font-family:"dotum";
font-size:12px;
}
ul.tabs li {
float: left;
text-align:center;
cursor: pointer;
width:82px;
height: 31px;
line-height: 31px;
border: 1px solid #eee;
border-left: none;
font-weight: bold;
background: #fafafa;
overflow: hidden;
position: relative;
}
ul.tabs li.active{
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.tab_container {
border: 1px solid #eee;
border-top: none;
clear: both;
float: left;
width: 248px;
background: #FFFFFF;
}
.tab_content {
padding: 5px;
font-size: 12px;
display: none;
}
.tab_container .tab_content ul {width:100%; margin:0px; padding:0px;}
.tab_container .tab_content ul li{padding:5px; list-style:none};
#container {width: 249px; margin: 0 auto;
}
</style>
</head>
<body>
<div id="container">
<ul class="tabs">
<li class="active" rel="tab1">공지사항</li>
<li rel="tab2">구매랭킹</li>
<li rel="tab3">공지사항</li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
<ul>
<li><a href="#">이것은 두 번째 탭의</a></li>
<li><a href="#">이것은 두 번째 탭의</a></li>
<li><a href="#">이것은 두 번째 탭의</a></li>
<li><a href="#">이것은 두 번째 탭의</a></li>
<li><a href="#">이것은 두 번째 탭의</a></li>
</ul>
</div><!-- #tab1 -->
<div id="tab2" class="tab_content">
2222Mortal Kombat returns after a lengthy hiatus and puts players
back into the Tournament for 2D fighting with gruesome combat.
</div><!-- #tab2 -->
<div id="tab3" class="tab_content">
3333Halo: Reach is the culmination of the superlative combat, sensational
multiplayer, and seamless online integration that are the hallmarks
of this superb series.
</div><!-- #tab3 -->
</div> <!-- .tab_container -->
</div> <!-- #container -->
</body>
</html>
댓글 1개
11년 전
전 왜 되지 않을까요
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6230 |
senseme
|
12년 전 | 1052 | |
| 6229 |
senseme
|
12년 전 | 1070 | |
| 6228 | 12년 전 | 4434 | ||
| 6227 |
senseme
|
12년 전 | 1491 | |
| 6226 |
senseme
|
12년 전 | 1631 | |
| 6225 | 12년 전 | 5489 | ||
| 6224 | 12년 전 | 3263 | ||
| 6223 |
kiplayer
|
12년 전 | 2137 | |
| 6222 | 12년 전 | 1294 | ||
| 6221 | 12년 전 | 3482 | ||
| 6220 | 12년 전 | 2510 | ||
| 6219 | 12년 전 | 2222 | ||
| 6218 |
senseme
|
12년 전 | 1839 | |
| 6217 |
senseme
|
12년 전 | 1532 | |
| 6216 |
senseme
|
12년 전 | 1523 | |
| 6215 |
senseme
|
12년 전 | 1280 | |
| 6214 | 12년 전 | 2392 | ||
| 6213 |
senseme
|
12년 전 | 1667 | |
| 6212 |
senseme
|
12년 전 | 1342 | |
| 6211 |
senseme
|
12년 전 | 2427 | |
| 6210 |
senseme
|
12년 전 | 1600 | |
| 6209 | 12년 전 | 2214 | ||
| 6208 | 12년 전 | 3438 | ||
| 6207 | 12년 전 | 1220 | ||
| 6206 |
senseme
|
12년 전 | 2196 | |
| 6205 | 12년 전 | 1034 | ||
| 6204 |
kiplayer
|
12년 전 | 1525 | |
| 6203 |
senseme
|
12년 전 | 2110 | |
| 6202 |
senseme
|
12년 전 | 1749 | |
| 6201 |
senseme
|
12년 전 | 4557 | |
| 6200 |
senseme
|
12년 전 | 2655 | |
| 6199 |
senseme
|
12년 전 | 2826 | |
| 6198 |
senseme
|
12년 전 | 1227 | |
| 6197 |
senseme
|
12년 전 | 8540 | |
| 6196 |
senseme
|
12년 전 | 3331 | |
| 6195 | 12년 전 | 1430 | ||
| 6194 |
 스위치79 |
12년 전 | 1280 | |
| 6193 |
senseme
|
12년 전 | 2685 | |
| 6192 |
senseme
|
12년 전 | 5361 | |
| 6191 |
senseme
|
12년 전 | 3405 | |
| 6190 | 12년 전 | 1332 | ||
| 6189 | 12년 전 | 13489 | ||
| 6188 |
웹디자인되고파
|
12년 전 | 1201 | |
| 6187 | 12년 전 | 604 | ||
| 6186 | 12년 전 | 3919 | ||
| 6185 | 12년 전 | 1461 | ||
| 6184 | 12년 전 | 9367 | ||
| 6183 | 12년 전 | 775 | ||
| 6182 |
senseme
|
12년 전 | 1233 | |
| 6181 |
senseme
|
12년 전 | 3212 | |
| 6180 |
senseme
|
12년 전 | 841 | |
| 6179 |
senseme
|
12년 전 | 1759 | |
| 6178 | 12년 전 | 3631 | ||
| 6177 | 12년 전 | 1063 | ||
| 6176 | 12년 전 | 950 | ||
| 6175 |
senseme
|
12년 전 | 5295 | |
| 6174 |
senseme
|
12년 전 | 1421 | |
| 6173 |
senseme
|
12년 전 | 751 | |
| 6172 |
senseme
|
12년 전 | 2737 | |
| 6171 |
senseme
|
12년 전 | 2472 | |
| 6170 |
senseme
|
12년 전 | 1493 | |
| 6169 |
senseme
|
12년 전 | 2924 | |
| 6168 |
senseme
|
12년 전 | 6534 | |
| 6167 | 12년 전 | 2134 | ||
| 6166 | 12년 전 | 738 | ||
| 6165 |
페이지팩트
|
12년 전 | 1897 | |
| 6164 |
네오soft
|
12년 전 | 1852 | |
| 6163 |
 엘남매아빠 |
12년 전 | 2606 | |
| 6162 | 12년 전 | 590 | ||
| 6161 |
엘남매아빠 |
12년 전 | 1687 | |
| 6160 | 12년 전 | 765 | ||
| 6159 | 12년 전 | 1775 | ||
| 6158 |
스위치79 |
12년 전 | 2679 | |
| 6157 |
sa2pan
|
12년 전 | 1239 | |
| 6156 | 12년 전 | 3885 | ||
| 6155 | 12년 전 | 9960 | ||
| 6154 | 12년 전 | 1123 | ||
| 6153 | 12년 전 | 2450 | ||
| 6152 |
생각보다몸이앞서다
|
12년 전 | 2117 | |
| 6151 | 12년 전 | 2972 | ||
| 6150 |
kiplayer
|
12년 전 | 6000 | |
| 6149 |
스위치79 |
12년 전 | 2639 | |
| 6148 | 12년 전 | 2962 | ||
| 6147 |
hwang007
|
12년 전 | 951 | |
| 6146 |
aqqasdf
|
12년 전 | 762 | |
| 6145 | 12년 전 | 1853 | ||
| 6144 | 12년 전 | 5859 | ||
| 6143 |
smwkd
|
12년 전 | 1457 | |
| 6142 | 12년 전 | 4694 | ||
| 6141 | 12년 전 | 928 | ||
| 6140 | 12년 전 | 4089 | ||
| 6139 | 12년 전 | 1234 | ||
| 6138 | 12년 전 | 1093 | ||
| 6137 |
SugarSkull
|
12년 전 | 1675 | |
| 6136 | 12년 전 | 1304 | ||
| 6135 |
한번잘해보자
|
12년 전 | 559 | |
| 6134 |
프리랜서개발자
|
12년 전 | 532 | |
| 6133 |
basaria
|
12년 전 | 20440 | |
| 6132 | 12년 전 | 501 | ||
| 6131 | 12년 전 | 1081 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기