개발하다가 버리기 아까워서 올립니다.
<!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년 전
전 왜 되지 않을까요
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7430 |
 wooriteam |
11년 전 | 4947 | |
| 7429 | 11년 전 | 1780 | ||
| 7428 |
멋진남자임
|
11년 전 | 1174 | |
| 7427 |
sdflksdj2
|
11년 전 | 833 | |
| 7426 | 11년 전 | 1370 | ||
| 7425 | 11년 전 | 1393 | ||
| 7424 | 11년 전 | 1055 | ||
| 7423 |
SeungYeon
|
11년 전 | 565 | |
| 7422 | 11년 전 | 815 | ||
| 7421 |
sdflksdj2
|
11년 전 | 692 | |
| 7420 | 11년 전 | 974 | ||
| 7419 |
 Terrorboy |
11년 전 | 1409 | |
| 7418 |
멋진남자임
|
11년 전 | 1447 | |
| 7417 | 11년 전 | 610 | ||
| 7416 |
senseme
|
11년 전 | 1238 | |
| 7415 | 11년 전 | 967 | ||
| 7414 | 11년 전 | 719 | ||
| 7413 | 11년 전 | 4853 | ||
| 7412 | 11년 전 | 4408 | ||
| 7411 |
holla
|
11년 전 | 901 | |
| 7410 | 11년 전 | 4255 | ||
| 7409 | 11년 전 | 3930 | ||
| 7408 | 11년 전 | 4274 | ||
| 7407 | 11년 전 | 5095 | ||
| 7406 | 11년 전 | 4737 | ||
| 7405 | 11년 전 | 4306 | ||
| 7404 | 11년 전 | 766 | ||
| 7403 | 11년 전 | 5687 | ||
| 7402 | 11년 전 | 1528 | ||
| 7401 |
Terrorboy |
11년 전 | 982 | |
| 7400 | 11년 전 | 2979 | ||
| 7399 |
멋진남자임
|
11년 전 | 925 | |
| 7398 |
파랑새1597
|
11년 전 | 2715 | |
| 7397 | 11년 전 | 2279 | ||
| 7396 |
basketball
|
11년 전 | 1382 | |
| 7395 | 11년 전 | 1619 | ||
| 7394 | 11년 전 | 937 | ||
| 7393 | 11년 전 | 2077 | ||
| 7392 | 11년 전 | 854 | ||
| 7391 |
잘살아보자
|
11년 전 | 5372 | |
| 7390 |
잘살아보자
|
11년 전 | 2233 | |
| 7389 |
잘살아보자
|
11년 전 | 3324 | |
| 7388 |
파랑새1597
|
11년 전 | 932 | |
| 7387 | 11년 전 | 1109 | ||
| 7386 |
프리랜서퍼블리셔
|
11년 전 | 974 | |
| 7385 | 11년 전 | 1575 | ||
| 7384 |
울라라라우
|
11년 전 | 896 | |
| 7383 | 11년 전 | 1564 | ||
| 7382 |
잘살아보자
|
11년 전 | 4235 | |
| 7381 |
잘살아보자
|
11년 전 | 2007 | |
| 7380 |
잘살아보자
|
11년 전 | 1950 | |
| 7379 |
잘살아보자
|
11년 전 | 5912 | |
| 7378 |
senseme
|
11년 전 | 1908 | |
| 7377 |
잘살아보자
|
11년 전 | 2755 | |
| 7376 | 11년 전 | 2422 | ||
| 7375 |
잘살아보자
|
11년 전 | 1055 | |
| 7374 |
잘살아보자
|
11년 전 | 3167 | |
| 7373 |
잘살아보자
|
11년 전 | 2486 | |
| 7372 |
잘살아보자
|
11년 전 | 5834 | |
| 7371 |
잘살아보자
|
11년 전 | 3472 | |
| 7370 |
잘살아보자
|
11년 전 | 1917 | |
| 7369 |
잘살아보자
|
11년 전 | 2176 | |
| 7368 |
ksdhtm56
|
11년 전 | 576 | |
| 7367 | 11년 전 | 1441 | ||
| 7366 | 11년 전 | 941 | ||
| 7365 | 11년 전 | 3555 | ||
| 7364 |
잘살아보자
|
11년 전 | 1404 | |
| 7363 |
잘살아보자
|
11년 전 | 1382 | |
| 7362 |
잘살아보자
|
11년 전 | 1520 | |
| 7361 | 11년 전 | 3605 | ||
| 7360 | 11년 전 | 3568 | ||
| 7359 | 11년 전 | 3388 | ||
| 7358 |
멋진남자임
|
11년 전 | 1038 | |
| 7357 | 11년 전 | 3422 | ||
| 7356 | 11년 전 | 2609 | ||
| 7355 | 11년 전 | 3204 | ||
| 7354 |
파랑새1597
|
11년 전 | 657 | |
| 7353 |
잘살아보자
|
11년 전 | 2432 | |
| 7352 |
잘살아보자
|
11년 전 | 2425 | |
| 7351 |
잘살아보자
|
11년 전 | 2485 | |
| 7350 |
잘살아보자
|
11년 전 | 1480 | |
| 7349 |
잘살아보자
|
11년 전 | 1973 | |
| 7348 |
잘살아보자
|
11년 전 | 1291 | |
| 7347 |
잘살아보자
|
11년 전 | 1085 | |
| 7346 |
멋진남자임
|
11년 전 | 1654 | |
| 7345 | 11년 전 | 1003 | ||
| 7344 | 11년 전 | 3882 | ||
| 7343 | 11년 전 | 3667 | ||
| 7342 | 11년 전 | 1294 | ||
| 7341 | 11년 전 | 2532 | ||
| 7340 |
 오드리15 |
11년 전 | 945 | |
| 7339 | 11년 전 | 1740 | ||
| 7338 | 11년 전 | 3355 | ||
| 7337 | 11년 전 | 3669 | ||
| 7336 | 11년 전 | 4608 | ||
| 7335 | 11년 전 | 984 | ||
| 7334 | 11년 전 | 1540 | ||
| 7333 | 11년 전 | 2947 | ||
| 7332 |
Terrorboy |
11년 전 | 1119 | |
| 7331 |
KeePin뽁이
|
11년 전 | 1109 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기