tab.html
1.95 KB
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>Tab: jQuery Test</title>
<link rel="stylesheet" href="tab.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<div class="tab">
<ul>
<li><a href="#">공지사항</a></li>
<li><a href="#">오늘의 뉴스</a></li>
<li><a href="#">오늘의 이미지</a></li>
</ul>
<div class="content">
<div class="section">
<ul>
<li>이런 이런 공지사항</li>
<li>이런 이런 공지사항</li>
<li>이런 이런 공지사항</li>
<li>이런 이런 공지사항</li>
</ul>
</div>
<div class="section">
<p>[연예팀] SBS 수목드라마 '대물'에서 여성 최초 대통령 서혜림 역으로 열연 중인 고현정에 캐릭터 변질에 대해 논란이 일고 있다.
<p>최근 '대물' 시청자 게시판에는 서혜림의 캐릭터가 변질됐다는 의견들이 등장하고 있어 눈길을 끌고 있다.
<p>극 초반 물불 안 가리는 다혈질 성격은 온데간데 없고 국회의원 보궐선거에 나선 후에는 "잘 몰라서요", "잘 부탁드려요"라는 대사를 연발하며 캐릭터 변질에 대한 시청자들의 질타를 받고 있다.
</div>
<div class="section">
<img src="http://musicimg.cyworld.com/ALBUM/015/063/15063659.JPG">
</div>
</div>
</div>
<div class="tab">
<ul>
<li><a href="#">APink</a></li>
<li><a href="#">소녀시대</a></li>
<li><a href="#">걸스데이</a></li>
</ul>
<div class="content">
<div class="section">
<img src="http://0.viki.io/c/28239c/db2d6d4379.jpg?x=b" class="full">
</div>
<div class="section">
<img src="https://pbs.twimg.com/media/CQIYmaYW8AALCCN.jpg" class="full">
</div>
<div class="section">
<img src="http://img.mbn.co.kr/filewww/news/other/2013/07/20/051502002751.jpg" class="full">
</div>
</div>
</div>
</body>
</html>
<script src="tab.js"></script>