Keresés az erőforrások között

Betöltésjelző szkript

Ez egy betöltésjelző szkript lesz. És nem akármilyen! Betöltés előtt áttetsző-fekete színű overlay lesz az oldalon, az oldal közepén pedig egy kép lesz, mely az oldal betöltésére utal.
bigblog2015-08-14 05:24:58 470 Forrás: yraaa.ru

Ez egy betöltésjelző szkript lesz. És nem akármilyen! Betöltés előtt áttetsző-fekete színű overlay lesz az oldalon, az oldal közepén pedig egy kép lesz, mely az oldal betöltésére utal. Személyes véleményem szerint ezt a szkriptet nem ajánlom használni, de akinek tetszik, az nyugodtan vigye.

A Honlap felső része sablon legelejére illesszük a következő kódot:

Kód
<div class="someclass">    
<div class="loading">    
<div class="loading_in">    
<img src="http://ucoztaska.ucoz.hu/src/loading.gif" alt="" />   
</div>    
</div>    
</div>    
<script type="text/javascript">    
jQuery(function($) {    
$(window).load(function () {    
$(".someclass").fadeOut(700);    
});    
});    
</script>   

<style type="text/css">   
.someclass {background:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:5000;display:table;width:100%;height:100%;}    
.loading {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align: center;}   
.loading_in {display:inline-block;padding:40px;background:#FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px}
</style>

Hozzászólások (0)

A hozzászólási lehetőség ideiglenesen kikapcsolva