Xin các bạn hướng dẫn mình về phần tiết kiệm điện của web kenhsinhvien.net

nhatchimai111

Thành viên
Tham gia
13/8/2010
Bài viết
7
:KSV@01::KSV@06:
À mình cũng đang mày mò học lập trình web, vì mình cũng thích ý tưởng tiết kiệm điện của kenhsinhvien.net nên mong các bạn hướng dẫn :KSV@13:. Có video hướng dẫn luôn thì càng tốt, bởi mình không có nhiều kinh nghiệm.
Thanhs you.
:KSV@08::KSV@08::KSV@08::KSV@08:
 
sao lại tiết kiệm điện cho web hả bạn :-s t chưa hiểu lắm
:KSV@01: là cái màn hình đen mờ che trang web đó bạn, sau khi rê chuột vào thì màn hình đen mờ sẽ biến mất. giống như trang kenhsinhvien.net đó bạn. :KSV@08:
 
I. Chỉnh sửa file *.JS

1. Đầu tiên bạn hãy mở chương trình Notepad (Vào Accessories >> Notepad)

2. Sau đó copy đoạn mã bên dưới và dán vào phần soạn thảo Notepad.

HTML:
var idleTime = 0; var standby = false; function CheckInactivity() { idleTime += 10; if(idleTime > 200) { InitializeStandBy(); } } function InitializeStandBy() { if(!standby) { var h = 0; h = jQuery(window).height(); jQuery("#energysaving").show().css({ height: "0", width: "0", left: "50%", top: "50%" }).animate({ width: "100%", height: h, left: "0", top: "0", opacity: "1" }, 1000); standby = true; } } function StopStandBy() { if(standby) { jQuery("#energysaving").animate({ width: "0", height: "0", opacity: "0", left: "50%", top: "50%" }, 500); setTimeout('jQuery("#energysaving").hide();', 800); standby = false; } } document.write('<link rel="stylesheet" href="https://www.onlineleaf.com/savetheenvironment.css" type="text/css">'); if(typeof(jQuery) == "undefined") { document.write('<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>'); } function InitJQuery() { if(typeof(jQuery) == "undefined") { setTimeout("InitJQuery();", 50); } else { jQuery(function() { jQuery(document).ready(function() { setInterval("CheckInactivity();", 9000); jQuery(this).mousemove(function(e) { idleTime = 0; StopStandBy(); }); jQuery(document).keypress(function(e) { idleTime = 0; StopStandBy(); }); jQuery("body").append('
Nội dung dòng 1<br />
Nội dung dòng 2<br />
Nội dung dòng 3<br />

Phần text hiện thị ở cuối trang
'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

Chỉnh sửa file JS:

- Phần code màu đỏ (opacity: "1") chúng ta có thể thiết lập độ trong suốt cho nền, bạn có thể thay đổi số này từ 0 - 1. Số càng nhỏ thì độ trong suốt càng tăng.
- Phần màu xanh (9000) chúng ta sẽ thiết lập thời gian để tiện ích này xuất hiện. Sau khoảng thời gian mà bạn thiết lập này, nếu bạn không thao tác trên nền blog nữa thì tiện ích này sẽ tự động xuất hiện.
- Các phần màu xanh này, bạn có thể thiết lập dòng tin gì đó để đọc giả có thể thấy trong nền của tiện ích này.

3. Sau khi chỉnh sửa xong bạn save file lại với tên energy_saving.js, phần Encoding chọn Unicode.
4. Bước cuối cùng là bạn upload file *.JS vừa tạo lên một host để lấy link.

II. Chèn tiện ích vào website
Chèn code bên dưới vào sau thẻ <head>
<script src="energy_saving.js" type="text/javascript"/></script>

Trong các trang muốn hiển thị.

Bạn hãy thay phần energy_saving.js thành link của file bạn vừa upload lên host ở bước 4 phần I ở trên.

5. Cuối cùng save lại là xong.

Chúc bạn thành công
Traidatmui.com
 
×
Quay lại
Top