share code hiệu ứng loading của maxhay.mobie.in

<style type="text/css"> .loading { font-family: Tahoma; font-size: 12px; width:200px; left:50%; top:50%; margin-left:-100px; margin-top:-33px; color:#FFF; text-align:center; padding:10px; position: fixed; } .ball { background-color: rgba(0,0,0,0); border: 5px solid rgba(0,183,229,0.9); opacity: .9; border-top: 5px solid rgba(0,0,0,0); border-left: 5px solid rgba(0,0,0,0); border-radius: 50px; box-shadow: 0 0 35px #2187e7; width: 50px; height: 50px; margin: 0 auto; -moz-animation: spin .5s infinite linear; -webkit-animation: spin .5s infinite linear; } .ball1 { background-color: rgba(0,0,0,0); border: 5px solid rgba(0,183,229,0.9); opacity: .9; border-top: 5px solid rgba(0,0,0,0); border-left: 5px solid rgba(0,0,0,0); border-radius: 50px; box-shadow: 0 0 15px #2187e7; width: 30px; height: 30px; margin: 0 auto; position: relative; top: -50px; -moz-animation: spinoff .5s infinite linear; -webkit-animation: spinoff .5s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); }; } @-moz-keyframes spinoff { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate-360; }; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }; } @-webkit-keyframes spinoff { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate-360; }; } </style> <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("CuDemVNLoader").style.display="none"; }</script> <div class="loading" id="CuDemVNLoader"> <div class="ball"></div> <div class="ball1"></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>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script language="javascript">
$(document).ready(function() {
$("#osr2ak8om6guvx3i5eb05az2is8wu6ocdf3q5").load0 {
if(source.indexOf('<div class="topic">')>-1) {
var topic = source.split('<div class="topic">')[1">.split('<div class="rmenu">')[0">;

// unread
if(topic.indexOf('<div class="unread">')>-1) {
var unread = topic.match0<\/div>/igm);
var inunread = '';
for-1 {
inunread = inunread+unread[j">;
}
} else {
inunread = '';
}
// end unread

// list
if(topic.indexOf('<div class="list1">')>-1) {
var list = topic.match0<\/div>/igm);
var inlist = '';
if (list.length > 3) {
for0 {
inlist = inlist+list[k">;
}
} else {
for-1 {
inlist = inlist+list;
}
}
} else {
inlist = '';
}
// end list

var inra = inunread+inlist;
// Nếu màn hình rộng hơn 200px thì hiện tiền tố
if(screen.width>200) {
inra = inra.replace;
}
// in ra màn hình
$('#osr2ak8om6guvx3i5eb05az2is8wu6ocdf3q5').html(inra);
}
});

$("#out4cm0qo8iwxz5k7eb07cb4ku0yw8qefh5s7").load0 {
if(source.indexOf('<div class="topic">')>-1) {
var topic = source.split('<div class="topic">')[1">.split('<div class="rmenu">')[0">;

// unread
if(topic.indexOf('<div class="unread">')>-1) {
var unread = topic.match0<\/div>/igm);
var inunread = '';
for-1 {
inunread = inunread+unread[j">;
}
} else {
inunread = '';
}
// end unread

// list
if(topic.indexOf('<div class="list1">')>-1) {
var list = topic.match0<\/div>/igm);
var inlist = '';
if (list.length > 3) {
for0 {
inlist = inlist+list[k">;
}
} else {
for-1 {
inlist = inlist+list;
}
}
} else {
inlist = '';
}
// end list