Chủ đề: Thêm Code Loading Cho HayVN.XYZ
Emerald
  • mr.center [Off]
  • starhãy là muối và ánh sáng.!.
schedule 24 thág 5, 22:01
Hiệu ứng loading khi trang wapsite đang tải được rất nhiềm wapmaster sử dụng. Hiệu ứng này góp phần tạo thêm tính sinh động cho trang của bạn và cũng không ảnh hưởng quá nhiều đến tốc độ tải trang, các bạn ai muốn thử thì đọc tiếp nội dung mình chia sẻ ở dưới nhé!!!

Code sử dụng javascript cho phép ảnh động loading hay 1 đoạn mã css xuất hiện khi trang chưa tải xong nên cần có 1 mini ảnh động để show ra, nếu có đoạn css đẹp cũng có thể thay thế vào nha.... sau này mình sẽ chia sẻ thêm...

Từng bước tiến hành:
+ Bước 1: Đăng nhập vào quản lý blog/wapsite/website của bạn.
+ Bước 2: Truy cập vào trình quản lý Giao Diện (template).
+ Bước 3: Chọn sửa header, thêm code này vào trước </head> .
  1. <script type='text/javascript'> window.onload = detectarCarga; function detectarCarga() { document.getElementById("loading").style.display="none"; } </script>

+ Bước 4: Thêm code này nơi nào bạn thích
  1. <div id="loading" style="position:fixed;top:50px;right:200px" align="right">
  2. Đang tải...<br/><br />
  3. <img src="link ảnh"/>
  4. </div>

Tùy Chỉnh Code (+/-)


Bạn cũng có thể truy cập Ajaxload.info để tạo cho mình 1 ảnh động loading bằng cách tùy chỉnh mã màu và thao tác một vài thứ cực đơn giản....
Bước Cuối Cùng: Lưu lại và cảm nhận thôi!!!
Chúc các bạn lập trình vui vẻ!
Wapbuilder Tạo Wapsite/Website/Blog Miễn Phí
© 2019 HayVN.XYZ TeaM
Font Awesome | Font Google
Hosting By LongVan.Net