<!DOCTYPE HTML>
<html>
<body>
<q>White-Honeydew-Azure-Seashell-OldLace-LavenderBlush </q>
<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 = ['white', 'Honeydew', 'Azure', 'Seashell', 'OldLace', 'LavenderBlush' ],
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(10000,function(){
i < len ? i++ : i = 0;
fallingColorBlocks();
});
});
});
</script>
</body>
</html>
получается если сверху, то закрывание начинается с отступом т.е. строка а под ней начинается падение(проверьте,мож плохо описал), как исправить чтоб за текстом изменение цвета тоже происходило