-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex3.html
137 lines (135 loc) · 8.5 KB
/
index3.html
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style3.css" />
<title>jQuery Tap</title>
</head>
<body>
<div class="container">
<div class="tabs">
<ul>
<li data-attr="tab_1" class="active">TAB1</li>
<li data-attr="tab_2">TAB2</li>
<li data-attr="tab_3">TAB3</li>
<li data-attr="tab_4">TAB4</li>
</ul>
</div>
<div class="content">
<div class="tab_content tab_1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
efficitur gravida sagittis. Nam eu felis quis lacus efficitur tempus.
Nullam ac consectetur diam. Proin rhoncus vel magna vitae euismod.
Vivamus ornare eleifend urna varius porttitor. Nulla ut viverra ipsum.
Vivamus vel varius diam, in semper velit. Nulla ac justo hendrerit
justo ultrices tincidunt porttitor ut neque.
</div>
<div class="tab_content tab_2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin
eleifend dolor turpis, non sodales quam tempor sit amet. Vestibulum
blandit tortor turpis, vitae finibus augue tempus eget. Fusce non
posuere libero. Donec eleifend suscipit facilisis. Donec id est porta,
ornare nunc sit amet, facilisis felis. Quisque nec dolor quis tortor
congue euismod. Ut viverra turpis nec lorem viverra lobortis. Etiam
nulla turpis, condimentum at nibh id, ultricies iaculis est. Nam
convallis leo enim. Maecenas nec turpis leo. Suspendisse potenti.
Donec convallis venenatis metus vitae ullamcorper. Vestibulum mollis
quam in magna vestibulum iaculis. Nulla at aliquet tortor. Nulla
ullamcorper libero consequat tellus facilisis, eu imperdiet tortor
interdum. Integer ullamcorper tristique tellus in faucibus. Duis
hendrerit erat quam, id porttitor nunc dignissim ut. Nam urna nunc,
commodo vel magna eu, bibendum scelerisque massa. Curabitur eu lectus
et diam scelerisque sollicitudin. Vestibulum bibendum ac urna eget
imperdiet. Suspendisse id mi eu enim porta viverra nec eu quam.
</div>
<div class="tab_content tab_3">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu tellus
at tellus semper ultricies nec ut quam. Praesent vitae consectetur
dolor. Mauris ullamcorper ultrices sagittis. Ut sed lobortis purus,
eleifend bibendum eros. Cras vehicula sagittis quam, laoreet
pellentesque elit faucibus eu. Phasellus sollicitudin lectus id urna
blandit efficitur. Vestibulum vestibulum elementum lorem sit amet
rhoncus. Curabitur et metus a velit consequat mattis. Praesent varius
turpis at odio tincidunt placerat. Aliquam vel magna id turpis mattis
hendrerit. Pellentesque ornare augue vitae porttitor auctor. Curabitur
gravida, orci at volutpat sodales, arcu quam tempor felis, nec
pharetra eros lectus tempus arcu. Phasellus egestas, odio non maximus
tincidunt, dui ex lacinia tortor, id mollis dui neque ac arcu. Vivamus
pulvinar convallis arcu. Orci varius natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Praesent elementum
sollicitudin fringilla. Pellentesque sed dolor sed urna interdum
laoreet ac et leo. Mauris et ultrices magna. Fusce nec erat ipsum.
Cras dictum urna non nunc luctus, ut pellentesque ipsum accumsan. In
aliquet orci id porta gravida. Sed sit amet metus nisi. Curabitur nec
rhoncus dui, ut tempor elit. Donec ac mi ultrices, porta est eu,
fermentum tortor. Proin fringilla eleifend magna at eleifend. Nulla
efficitur libero enim, ut bibendum neque posuere id. Nam feugiat in
erat sit amet pulvinar. Vestibulum non tellus risus. Vivamus in
blandit felis. Praesent pharetra tellus sit amet hendrerit mollis.
Nulla condimentum diam id mattis aliquet. Morbi sed ornare nunc, et
fringilla enim. Vestibulum dolor lacus, fringilla iaculis consectetur
vitae, semper nec ipsum. Nunc scelerisque semper sagittis. Nullam
aliquet lacus pharetra augue vestibulum elementum. Aenean egestas
tellus vel nibh cursus, ut maximus risus molestie. Aenean sodales nibh
eget venenatis imperdiet.
</div>
<div class="tab_content tab_4">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
pharetra purus vitae nunc varius, at auctor purus bibendum. Praesent
mattis lacus ut dui iaculis, a cursus libero venenatis. Pellentesque
scelerisque mi non est tincidunt rhoncus. Etiam faucibus, nibh a
elementum dictum, erat ligula viverra orci, sed finibus justo erat et
enim. Vivamus rutrum odio congue, blandit risus nec, sagittis lacus.
Fusce quis tempor risus. Aenean volutpat elit lorem, quis vehicula
massa venenatis at. In tincidunt arcu eget leo elementum, id porta
velit porttitor. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos himenaeos. Proin iaculis eros a nulla
vehicula dapibus. Nulla interdum, enim ac tincidunt dictum, enim risus
elementum eros, non tincidunt sapien urna sit amet ipsum. Sed at
vestibulum nisl. Aenean dignissim elit quis quam pellentesque, quis
pulvinar justo pulvinar. Cras venenatis eu tellus et sodales. Donec
fermentum, orci a varius suscipit, diam dolor eleifend urna, fringilla
semper felis mi a arcu. Mauris vulputate maximus quam, non luctus
nulla mattis sit amet. Ut bibendum placerat risus dictum molestie.
Praesent nec iaculis ligula. Praesent tincidunt arcu tellus, et
feugiat augue lacinia et. Integer tempor venenatis sem, nec vulputate
nulla suscipit sed. Curabitur rhoncus elementum enim vitae accumsan.
Donec nulla ante, pulvinar in placerat eu, dapibus a justo. Fusce
tempor consequat magna, ut tincidunt ipsum. Aenean cursus neque
rhoncus, cursus felis convallis, vulputate dui. Vivamus vehicula massa
in pulvinar vestibulum. Mauris sodales orci nec ipsum viverra, in
congue urna pellentesque. Morbi dignissim felis dolor, non vehicula
nunc dignissim sed. Morbi a dui scelerisque, facilisis mauris sed,
volutpat ligula. Praesent vitae massa viverra, egestas mi id, posuere
risus. Curabitur semper erat nec nisi tincidunt, vehicula dignissim
risus bibendum. Nam tellus justo, dictum vehicula ipsum ut, ornare
hendrerit lorem. Nam eleifend sagittis mauris quis vehicula.
Suspendisse in rutrum lectus. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. In orci turpis, sollicitudin ut neque vel, fermentum
suscipit nunc. Sed tempor molestie dui, ut malesuada eros vulputate
in. Nullam mattis ante diam, eu iaculis lectus dapibus scelerisque.
Pellentesque ac facilisis ante. Cras a varius sapien. Etiam in ante
ultrices, molestie ex eu, ultricies est. Ut commodo, eros vitae
viverra vehicula, odio felis dignissim dui, sed egestas nunc leo nec
dui. Ut egestas justo urna, vitae tristique tortor vulputate eu. Nam
lectus ligula, lobortis eu justo cursus, lacinia condimentum purus.
Suspendisse felis risus, sodales eu tortor id, tincidunt imperdiet
lorem. Maecenas quis magna ligula. Duis vel dictum eros. Curabitur ut
neque at velit blandit porta. Fusce id ultricies ex, sed placerat
lectus. Nullam ut tempus sapien. Aliquam ut ipsum sed metus elementum
aliquam. Etiam vulputate rhoncus accumsan. Nullam pellentesque
dignissim justo a cursus. Maecenas eu magna bibendum, mattis dolor ac,
gravida tortor. Aliquam molestie dolor sed quam facilisis, ac
efficitur lectus tempor. Nam hendrerit commodo tortor, at aliquam leo
tincidunt a. Aliquam porttitor ut metus at sodales. Aliquam urna
nulla, lobortis in interdum ut, elementum ut elit. Aenean aliquet
scelerisque felis sit amet auctor. Nulla ac consequat metus. Nulla
facilisis elit ac placerat fermentum.
</div>
</div>
</div>
<script src="jquery-3.6.0.min.js"></script>
<script src="script3.js"></script>
</body>
</html>