[Chia sẻ] Thanh load kute

[leejensy]

Code:

<!--thu nghiem-->
<script type='text/javascript'>

window.onload = detectarCarga;

function detectarCarga() {

document.getElementById("imgLOAD").style.display="none";

document.getElementById("WholePage").style.display="";

}
</script>
<div id="imgLOAD" align="center" style="position:fixed;top:40%;left:45%;padding:10px;background-color: #FFFFFF; filter: alpha(opacity=70); opacity: .7; width: 150px; height: 40px; z-index: 1; border-collapse: collapse" bordercolor="#006600" border="1">
<b>Đang tải dữ liệu...</b><br><img border="0" src="http://farm3.anhso.net/upload/20120125/10/o/anhso-101634_loading.gif"></div>

<!--thu nghiem-->

Chèn Vào :overall_footer_begin ,Hoặc Header
Demo:

Code:

teenlongan.tk

[LiBee KS]

Mình mới tân trang cái code load của bạn lại cho đẹp đẹp tý nè.. hay thì thks nhé (dựa theo FMvi nhé)
P/s: mà sao nó load hoài à...ai edit lại giùm

Code:

<!--loading ver.2-->
<script type='text/javascript'>

window.onload = detectarCarga;

function detectarCarga() {

document.getElementById("loaderFMvi).style.display="none";

document.getElementById("WholePage").style.display="";

}
</script>
<div id="loaderFMvi"><img border="0" src="http://i48.servimg.com/u/f48/16/58/89/73/vtlai_10.gif"/><br/>Đang tải dữ liệu...</div>

<style>
#loaderFMvi{background:none repeat scroll 0 0 padding-box rgba(0,0,0,0.65);border-radius:4px 4px 4px 4px;color:#FFF;font-family:Tahoma;font-size:12px;left:50%;margin-left:-100px;margin-top:-33px;position:fixed;text-align:center;top:50%;width:200px;display:block;padding:10px}

</style>

<!--loading ver.2-->

[leejensy]

úi trời load hoài à ... hơi phiền đấy

[anhtoi01]

tks share code

cái 4rum lòe loẹt nhỉ

[leejensy]

thanh load của bác trên là hình tròn xoay, của tôi là hình chạy ngang!
ai có mẩu mới thêm vào đi cho sinh động

[leejensy]

Code:

<!--thu nghiem-->
<script type='text/javascript'>

window.onload = detectarCarga;

function detectarCarga() {

document.getElementById("imgLOAD").style.display="none";

document.getElementById("WholePage").style.display="";

}
</script>
<div id="imgLOAD" align="center" style="position:fixed;top:40%;left:45%;padding:10px;background-color: #FFFFFF; filter: alpha(opacity=70); opacity: .7; width: 150px; height: 40px; z-index: 1; border-collapse: collapse" bordercolor="#006600" border="1">
<b>Đang tải dữ liệu...</b><br><img border="0" src="THAY LINK IMAGE"></div>

<!--thu nghiem-->

Một số thanh load mình sưu tầm:

Code:

http://dongnamauto.com.vn/images/load_bar.gif
http://www.loidich.com/images/loadingAnimation.gif
http://farm3.anhso.net/upload/20120125/20/o/anhso-20521_SinhVienIT.Net---909_loading6.gif
http://i48.servimg.com/u/f48/16/58/89/73/vtlai_10.gif
http://farm3.anhso.net/upload/20120125/10/o/anhso-101634_loading.gif

Nhớ thay link vào nhé! Nếu thấy có ít thì Khách viếng thăm thank đi nào!

[bahomao12345]

Dù sao cũng thanks

[Sponsored content]