Notice
Recent Posts
Recent Comments
Link
땀나는 애
[script] Tab _ 스르륵 나타남 본문
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
<script>
$(function() {
$(".tab_content").hide();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
//$(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>
<div id="container">
<ul class="tabs">
<li class="active" rel="tab1">공지사항</li>
<li rel="tab2">구매랭킹</li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
test
</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 -->
<!-- #tab3 -->
</div>
<!-- .tab_container -->
</div>
<!-- #container -->
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
|
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs |
'쭈구리 코딩 > 내가 보고 쓰려고 모은 것' 카테고리의 다른 글
[script] slider _ 슬라이드 스크립트 모음 (0) | 2019.12.31 |
---|---|
[script] toggle _토글 클릭시 팝업 오픈 (0) | 2019.12.31 |
viewport meta - 모바일에서도 PC레이아웃 그대로 보기 (0) | 2019.12.30 |
bx slider 크롬에서 a 태그 안먹는 현상 (0) | 2019.12.23 |
drop shadow 쉐도우 css (0) | 2019.10.22 |
Comments