Tab - tạo nhiều thẻ/trang trong một block.
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (117.02 KB, 2 trang )
Code Tab - tạo nhiều thẻ/trang trong một block.
Với vài thao tác phổ thông, trong vòng 1 giây bạn
sẽ có mã nguồn trang web/blog bất kỳ, trong vòng
1 phút bạn sẽ có đoạn code cần có và trong vòng
1/2 giờ bạn có thể thể hiện nó trên trang của bạn!
Muốn tạo các Tab (tạo nhiều thẻ/trang trong một
block) như mục "Mỗi tuần một bài hát tôi yêu" ở
trang này (hiện tại có 7 tab), bạn có thể dùng đoạn
Code sau:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:
//www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Simple Tabber Example</title>
<script type="text/javascript" src="http:
//hotrotrekhiemthinh.110mb.com/JAVA
%20SCRIPT/WEB_DANG_THE/tabber.js"></script>
<link rel="stylesheet" href="http:
//hotrotrekhiemthinh.110mb.com/JAVA%20SCRIPT/WEB_DANG_THE/example.css"
TYPE="text/css" MEDIA="screen">
<link rel="stylesheet" href="http:
//hotrotrekhiemthinh.110mb.com/JAVA%20SCRIPT/WEB_DANG_THE/example-
print.css" TYPE="text/css" MEDIA="print">
<script type="text/javascript">
/* Optional: Temporarily hide the "tabber" class so it does not "flash" on the page as plain
HTML.
After tabber runs, the class is changed to "tabberlive" and it will appear. */
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
</script>
<div class="tabber">
<div class="tabbertab"> <h2>Tiêu đề Tab 1</h2>
Nội dung Tab 1 (thẻ/trang 1)
</div>
<div class="tabbertab"> <h2>Tiêu đề Tab 2</h2>
Nội dung Tab 2 (thẻ/trang 2)
</div>
<div class="tabbertab"> <h2>Tiêu đề Tab 3</h2>
Nội dung Tab 3 (thẻ/trang 3)
</div>
</div> </head> </html>
-------
