Cộng Đồng Forumotion Việt Nam - FMVN

Bài gửi sau cùng
Bài gửiNgười gửiThời gian
Metal Dead V1.11 GAME-JAGUAR Thu Dec 19, 2013 8:27 am
Joe Budden Castles Instrumental Thu Dec 19, 2013 4:48 am
My Yuna [RAW] [3D] Wed Dec 18, 2013 9:13 pm
hiển thị bài tên bài gửi sau cùng của một topic Thu Aug 18, 2011 8:08 pm
Xin mời các bạn đến với forum lop minh' Fri Apr 29, 2011 7:00 pm
Diễn đàn Cassiopia Việt Nam Sat Mar 05, 2011 7:32 pm
Hướng dẫn đăng ký tên miền miễn phí Cz.CC Wed Jan 26, 2011 12:01 pm
trò chơi...người comment sau tôi là ai....? Wed Jan 05, 2011 12:24 am
Đổi tên của Home, calendar, search, member ..... Thu Nov 25, 2010 7:59 am
Sân bay Scotland sơ tán vì nghi có bom Thu Nov 04, 2010 1:26 am
tình yêu đắng hay ngọt thì cũng đều là tình yêu cả!? Thu Nov 04, 2010 1:22 am
Tổng giám đốc bị chém tại trụ sở Tue Oct 26, 2010 8:46 pm
Shock: Nữ sinh lớp 6 bị học sinh cùng trường hiếp dâm tập thể Mon Oct 18, 2010 8:26 pm
xin code forumotion Sun Sep 05, 2010 12:07 am
http://freesoft.ace.st - Cộng đồng chia sẻ phần mềm miễn phí Fri Aug 06, 2010 10:08 pm

You are not connected. Please login or register

Câu thông báo "Loading...Vui lòng chờ"

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1 Câu thông báo "Loading...Vui lòng chờ" on Wed Jul 21, 2010 10:17 pm

Scylla

avatar
Administrator
Administrator
Tuy đơn giản nhưng hiệu quả của nó : mang lại sự thích thú cho người xem.
Các bước thực hiện khá đơn giản :

B1: Tạo 1 file preLoadingMessage.js có nội dung như sau
Code:
document.write('<div id="loading"><br><br>Nội dung muốn hiển thị </div>');

//Lam on giu dum cai dong nay trong code Created by: Simon Willison | http://simon.incutio.com/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  document.getElementById("loading").style.display="none";
});
B2: Upload file đó lên host nào đó cho direct link. get link.
B3: chèn đoạn code sau vào CSS của forum
Code:
#loading {
    width: 200px;
    height: 100px;
    background-color: #c0c0c0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -100px;
    text-align: center;
}
CSS là cái gì và nó nằm chỗ nào? nếu bạn ko biết thì tốt nhất khoan dùng tut này mà hãy dạo qua box css và html để tìm hiểu cơ bản trước.
B4: Chèn dòng này vào trang muốn hiển thị câu báo chờ load trang
Code:
<head>
<script type="text/javascript" src="link upload hồi nãy"></script></head>
Chúc các bạn thành công!

Xem lý lịch thành viên http://fm-vn.forumvi.net

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết