Показать сообщение отдельно
  #10 (permalink)  
Старый 25.09.2011, 16:08
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Чтобы падало:

<style>
body {
  margin:0px;
  background: red;
}
div {
  width: 100%;
  height: 100%;
}
</style>

<body>
  <div></div>
</body>

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function() {

  var colorArr = ['red', 'green', 'blue'],
      len = colorArr.length-1, i = 1;

  $(function fallingColorBlocks() {

    var bodyColor = i > 0 ? colorArr[i-1] : colorArr[len];
    $("body").css({'background': bodyColor});

    $("div").css({'display': 'none', 'background': colorArr[i]}).slideDown(1500,function(){
      i < len ? i++ : i = 0;
      fallingColorBlocks();
    });

  });

});
</script>
Ответить с цитированием