Форум

kalisha · #1 (**permalink**) 31.08.2008, 12:39

Код:

<html>
	<head>
		<script type='text/javascript' language='javascript'>
		text=document.getElementById('text');
		function text_go()
		{
			for (var i=0;i<10;i++)
			{
			text.style.right=i+'px';
			text.innerHTML='text';
			}
		}	
		</script>
	</head>
	<body>
		<div id='text' onclick='text_go()'>text</div>
	</body>
</html>

Текст не хочет передвегаться в чём ошибка? Помогите...

ZoNT · #2 (**permalink**) 31.08.2008, 18:16

Он не будет передвигаться, пока ты его абсолютно не спозиционируешь...
Это было во-первых.

Во-вторых text=document.getElementById('text'); выполняется ДО того, как элемент появится в ереве документа (так как скрипт в хэде). Соответственно, в переменной будет "undefined".

Kolyaj · #3 (**permalink**) 31.08.2008, 22:15

Ну и в-третьих, он передвинется настолько быстро, что анимации никакой не получится.

kalisha · #4 (**permalink**) 31.08.2008, 22:24

<html>
	<head>
		<style>
		.move{color:#0000ff; position:absolute; width:55px; height:55px;}
		</style>
		<script type='text/javascript' language='javascript'>
		function text_go()
		{
			for (var i=0;i<10;i++)
			{
			document.getElementById('text').style.right=i+'px';
			document.getElementById('text').innerHTML='-----';
			}
		}
		</script>
	</head>
	<body background='pattern.jpg'>
		<div id='text' onclick='text_go()' class="move">-----</div>
	</body>
</html>

Работает спасибо! и ещё вопросик почему не остаётся след? как сделать чтобы оставалось полоски где проходит?

kalisha · #5 (**permalink**) 31.08.2008, 22:29

Дайте совет, чтобы сделать что бы не так быстро передвигалось, если я бубу применять setTimeout() глупо не будет?

ZoNT · #6 (**permalink**) 01.09.2008, 09:37

ну вообщето без таймайта или интервала никакой анимации не бывает...

Форум

Справочник

Discord чат

Курсы javascript