23.09.2011, 22:40
|
Профессор
|
|
Регистрация: 24.08.2011
Сообщений: 159
|
|
изменение цвета
<!DOCTYPE HTML>
<html>
<body>
<a href="javascript:void(document.body.style.backgroundColor='White');"> Нажмите и фон и он изменится</a>
</body>
</html>
так вот что нужно чтоб фон изменялся
White-Honeydew-Azure-Seashell-OldLace-LavenderBlush
и менялся каждую 5сек,,а когда цвета кончатся, то начнут сначало.
думаю использовать setInterval
|
|
23.09.2011, 23:28
|
Профессор
|
|
Регистрация: 04.02.2011
Сообщений: 1,815
|
|
Спасибо, повесилил))))))))))
попробуй так)))
<!DOCTYPE HTML>
<html>
<body>
<a href="javascript:void(document.body.style.backgroundColor='black');"> Нажмите и фон и он изменится</a>
</body>
</html>
upd: Эх зря вопрос поменял)
__________________
Лучше калымить в гандурасе чем гандурасить на колыме
Последний раз редактировалось DjDiablo, 23.09.2011 в 23:33.
|
|
23.09.2011, 23:54
|
sinistral
|
|
Регистрация: 28.03.2011
Сообщений: 5,418
|
|
Сообщение от Александр х@к
|
думаю использовать setInterval
|
желаю удачи
всё верно, setInterval. мне легче было бы через таймаут
|
|
24.09.2011, 16:07
|
Профессор
|
|
Регистрация: 24.08.2011
Сообщений: 159
|
|
а как?
|
|
24.09.2011, 16:15
|
sinistral
|
|
Регистрация: 28.03.2011
Сообщений: 5,418
|
|
я бы для начала почитал учебник.
|
|
24.09.2011, 16:20
|
Профессор
|
|
Регистрация: 24.08.2011
Сообщений: 159
|
|
<!DOCTYPE HTML>
<html>
<body>
<script>
function op() { setTimeout("op9",5000); }
function op9() { document.body.style.backgroundColor='White' setTimeout("op8()",speed); }
function op8() { document.body.style.backgroundColor='Honeydew' setTimeout("op7()",speed); }
function op7() { document.body.style.backgroundColor='Azure' setTimeout("op6()",speed); }
function op6() { document.body.style.backgroundColor='Seashell' setTimeout("op6()",speed); }
function op5() { document.body.style.backgroundColor='OldLace' setTimeout("op4()",speed); }
function op4() { document.body.style.backgroundColor='LavenderBlush' setTimeout("op()",speed); }
</script>
</body>
</html>
так???
|
|
24.09.2011, 16:44
|
Профессор
|
|
Регистрация: 23.04.2010
Сообщений: 354
|
|
Ман читать нужно! 5 мин и все готово:
<body></body>
<script type="text/javascript">
colorArr = ['white', 'red', 'green', 'blue'];
var len = colorArr.length;
var i = 0;
(function() {
document.body.style.backgroundColor = colorArr[i];
i < len ? i++ : i = 0;
setTimeout(arguments.callee, 1000);
})();
</script>
пи.пи. тут есть один косяк, я думаю, ты сам с ним справишься...
сорри, убегаю с семьёй в дельфиниум! ))
|
|
24.09.2011, 16:56
|
Профессор
|
|
Регистрация: 24.08.2011
Сообщений: 159
|
|
о класс, спс.
а можно сделать чтоб цвет, падал на другой,
например, щас белый(White) а на него сверху вниз падает (Honeydew) а на Honeydew сверху вниз Azure и так далее
|
|
24.09.2011, 21:23
|
Профессор
|
|
Регистрация: 23.04.2010
Сообщений: 354
|
|
Сообщение от Александр х@к
|
о класс, спс.
а можно сделать чтоб цвет, падал на другой,
например, щас белый(White) а на него сверху вниз падает (Honeydew) а на Honeydew сверху вниз Azure и так далее
|
Можно, сколько платишь?
Ты даже не понял косяк с задержкой, а уже дальше лыжи навострил
Вот тебе правильный предыдущий вариант:
<body></body>
<script type="text/javascript">
(function() {
var colorArr = ['red', 'green', 'blue'], len = colorArr.length, i = 0, delay;
(function() {
document.body.style.backgroundColor = colorArr[i];
if (i < len) {
delay = 1000, i++;
} else {
delay = 0, i = 0;
}
setTimeout(arguments.callee, delay);
})();
})();
</script>
Последний раз редактировалось Триви, 24.09.2011 в 21:50.
|
|
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>
|
|
|
|