Code tôi mod lại rất đep nhé, dán vào là Oki đừng xoá gì
HTML5
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> <script type="text/javascript">window.onload = detectarCarga; function detectarCarga() { document.getElementById("Zenload").style.display="none"; }</script> <div class="ntc" id="Zenload"> <b><font style="font-size: 8pt;" color="#ff00cc" face="Verdana"> Đang tải dữ liệu…</font></b><br/><div id='load1'> <div class='load2'></div> <div class='load3'></div> </div></div> <script language="JavaScript"> function toggleDisplay(id) { document.getElementById(id).style.visibility = "visible"; if(document.getElementById(id).style.display == "none" ) { document.getElementById(id).style.display = ""; } else { document.getElementById(id).style.display = "none"; } } </script><style>.ntc{ filter: alpha(opacity = 30); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-family: Tahoma; font-size: 12px; width:200px; left:50%; top:50%; margin-left:-100px; margin-top:-33px; color:#ffffff; text-align:center; padding:10px; position: fixed;}.load1{position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}.load2 {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(255 ,0 , 0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}.load3{background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 , 0);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;} @-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }} @-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }} @-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }} @-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}</style><!---Nguồn: HanhPhucAo,thaian2009,ga_bong,kaiser,saoko,parkgay,mrken,nasic,...--->
![[OFF]](/assets/images/off.gif)
![[IMAGE]](http://i.imgur.com/jKhgB3xh.png)
![[IMAGE]](http://i.imgur.com/8JRzu7qh.jpg)