Меню
Что нового?

эффект падающих листочков

bav

Новичок
эффект падающих листочков

Срочно нужно сделать скрипт, чтоб падал листочек с нарисованой ветки, и улетал в левую часть экрана где-то в середине. Жабу скрипт нет времени разбираться, может кто набросает что нить, а я уж потом доработаю? Спасибо, даже если вы просто прочли это!
 

SelenIT

IT-лунатик :)
Код: 
<script type="text/javascript">
function move() {
	var leaf = document.getElementById('leaf').style;
	if (parseInt(leaf.left) < 1000) {
		leaf.top = parseInt(leaf.top) + 7 - Math.random()*5 + 'px';
		leaf.left = parseInt(leaf.left) + 12 - Math.random()*10 + 'px';
		setTimeout("move()", 100);
	}

}
</script>
<body onload="move()">
<hr width="200" style="position: absolute; top: 95px;">
<div id="leaf" style="position: absolute; top: 100px; left: 200px; background: #6f6;">это листочек)</div>
</body>
 

bav

Новичок
Спасибо огромное! Прямо выручил, оч клёво! Удачи! =)))))))))

-~{}~ 13.06.06 19:57:

Все поставил, клёво, но хочу чтоб повторялось каждые 30 секунд, что нужно добавить? Может есть что то вроде settimeout?
 

SelenIT

IT-лунатик :)
Таймаут там и так есть. Можно поставить счетчик, который будет по этому таймауту увеличиваться, и по достижении предела - обнуляться с одновременной установкой исходных координат.
 

bav

Новичок
function move() {

var leaf = document.getElementById('leaf').style;


if (parseInt(leaf.left) > -30) {
leaf.top = parseInt(leaf.top) + 14 - Math.random()*5 + 'px';
leaf.left = parseInt(leaf.left) - 9 - Math.random()*10 + 'px';
setTimeout("move()", 120);



if (parseInt(leaf.left) < -30)
{
/*******вот сюда бы паузу*****************/
leaf.left=500;
leaf.top=225;


}
}
вот так вот повторяется, но нужна пауза, которую в JS видимо забыли сделать((((( МОжет есть что нить подобное?
 

SelenIT

IT-лунатик :)
Код: 
function move() {
   var leaf = document.getElementById('leaf').style;
   if (parseInt(leaf.left) > -30) {
      leaf.top = parseInt(leaf.top) + 14 - Math.random()*5 + 'px';
      leaf.left = parseInt(leaf.left) - 9 - Math.random()*10 + 'px';
      setTimeout("move()", 120);
   }
   else {
      leaf.left=500;
      leaf.top=225;
      setTimeout("move()", 30000);
   }

}
 
Войдите или зарегистрируйтесь для ответа.
Сверху