Показать сообщение отдельно
  #3 (permalink)  
Старый 03.02.2013, 00:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Сообщение от platedz
потом опять с id_1 и так по кругу
и куда двигаться если было if(parseInt(elem.style.left) > 100)
<!DOCTYPE HTML>
<html>
<head>
  <title></title>
<style type="text/css">
div{
  height: 100px;
  width: 100px;
  background-color: #FFCC00;
}
</style>
</head>
<body>
<div id="id_1" style="left: 5px; position: relative">id="id_1"</div>
<div id="id_2" style="left: 5px; position: relative">id="id_2"</div>
<div id="id_3" style="left: 5px; position: relative">id="id_3"</div>
<script language="JavaScript" type="text/javascript">
function setint(num)
{
var elem = document.getElementById("id_"+num)
var seti1 = setInterval(function()
		{
			elem.style.left = (parseInt(elem.style.left)+10)+"px";
			if(parseInt(elem.style.left) > 100)
				{

					clearInterval(seti1);

                  if(num++ < 4)  setint(num)

				}

		},100);

}
setint(1);
</script>
</body>
</html>

Последний раз редактировалось рони, 03.02.2013 в 00:53.
Ответить с цитированием