Показать сообщение отдельно
  #5 (permalink)  
Старый 21.09.2013, 13:24
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

1.) Скрывает контент с помощью стилей (display: none);
2.) При загрузки документа, удаляем *gif анимацию и показываем контент.

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style type="text/css">
#loading {
   bottom: 0%;
   left: 0%;
   margin: auto;
   position: fixed;
   right: 0%;
   top: 0%;
   z-index: 2;
}
body > div#content {
   display: none;
}
</style>
</head>

<body>

<img alt="" id="loading" src="loading.gif" />

<div id="content">
   Content
</div>

<script type="text/javascript">
window.onload = function() {
   document.body.removeChild(document.getElementById('loading'));
   document.getElementById('content').style.display = 'block';
}
</script>

</body>
</html>
Ответить с цитированием