Показать сообщение отдельно
  #14 (permalink)  
Старый 28.10.2014, 15:21
Новичок на форуме
Отправить личное сообщение для Jonny316 Посмотреть профиль Найти все сообщения от Jonny316
 
Регистрация: 20.10.2014
Сообщений: 8

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .small {
width:100%;
height:50px;
background: pink;
}
.big {
width:100%;
height:100px;
background: green;
}
  </style>
  <script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 
$(window).scroll(function(){
if ($(this).scrollTop() > 500) {
$('.big').fadeToggle(1500);
} else {
$('.small').fadeIn();
}
});
 
});
</script>
</head>
<body>
<div class='content small'>
    БЛОК 1
</div>
<div class='content small'>
    БЛОК 2
</div>
</body>
</html>
Ответить с цитированием