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

Đăng: Trần Đức Thành 4.5 sao trên 1024người dùng
Lượt Xem: 1469
Chia Sẻ:

Code tạo hiệu ứng loading đẹp giống maxhay.mobie.in.mọi người copy code kia về mod thêm nhé.
<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<i>; } } } 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<i>; } } } else { inlist = ''; } // end listnguồn aichat
.wap.sh