Chap 3, chuyển đổi giao diện theo thời gian
3.1 chuyển đổi theo giờ sử dụng css và xt function
Bạn kiếm 24 css đặt tên cho các css là từ 00 đến 23 (00.css, 01.css, 02.css,..., 23.css)
Chèn code put css này vào _headtags (hoặc _header cũng dc, nếu _header chèn giữa <body></body>). Loại bỏ css đang dùng đi nhé!
Code:
<link rel="stylesheet" type="text/css" href="/thư_mục_chứa_css/<xt:tdate fomat="H" tzone="7" />.css" media="all,handheld" />
- Nếu muốn chỉ thay đổi ngày/đêm thôi thì các file css ngày từ 06.css đến 17.css có nội dung giống nhau (copy từ 1 cái ra), tương tự các file css đêm từ 18.css đến 05.css có nội dung giống nhau (copy từ 1 cái ra)
3.2 Thay đổi giao diện ngày/đêm bằng JavaScript
Thiết kế 2 file css cho ngày và đêm, đặt tên là sang.css và toi.css
Chèn code Script này vào _headtags (hoặc _header cũng dc, nếu _header chèn giữa <body></body>). Loại bỏ css đang dùng đi nhé!
Code:
<script language="javascript">
var qdk;
var H = new Date();
if (H.getHours() > 17) {
qdk = 'toi';
} else {
if (H.getHours() > 6) {
quyetdaik = 'sang';
}
}
if (H.getHours() < 6) {
qdk = 'toi';
}
document.write('<linh rel="stylesheet" type="text/css" href="/thư_mục_chứa_css/');
document.write(qdk);
document.write('.css" media="all,handheld" />');
</script>
