Форум PHP программистов

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: анимация

Guest

19.03.2010 - 15:58


<head>
<script>
function timer(interval)
{
timer1 = window.setInterval("move()",interval);
}

var n=1;
function move()
{
	
	var top = document.getElementById('move').style.pixelTop ;
	var height = document.getElementById('move').style.pixelHeight ;
	document.getElementById('move').style.backgroundColor='red';
	
            if (top+height<document.body.clientHeight && n !=-1)
	n=n;
	else
	{
	n=-n;
	}
	
	document.getElementById('move').style.pixelTop+=n;
	
}
</script>
</head>
<body>
<p id="move" style="position:relative;width:150px; height:20px;" onclick="timer(10);">Я умею двигаться</p>
</body>
</html>

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

Спустя 11 часов, 50 минут, 23 секунды (20.03.2010 - 02:49) andyp написал(а):


n=n;
else
{
n=-n;
}

поменять на


n=1;
else
{
n=-1;
}

Тогда будет подниматься обратно вверх.
Firefox кстати не поддерживает свойство pixelTop

Спустя 17 часов, 7 минут, 17 секунд (20.03.2010 - 19:56) Guest написал(а):

andyp спасибо!!

Спустя 1 час, 20 минут, 41 секунда (20.03.2010 - 21:17) Guest написал(а):

<head>
<script language="javascript">
//Генерация случайных целых чисел
function goRandom (minimum,maximum)
{
  minimum= parseInt(minimum);
  maximum = parseInt(maximum);
  return Math.floor( Math.random() * (maximum - minimum + 1) ) + minimum;
}

// id
function $id(id){return document.getElementById(id);}

function timer(interval)
{
startTop=parseInt($id('move').style.top);
bodyHeight=document.body.clientHeight;
timer1 = window.setInterval("moves(bodyHeight,startTop)",interval);

}

var n=2;
var colors=new Array('green','red','blue','green','gray','white','yellow','brown');

function moves(bodyHeight,startTop)
{
	
	var x11=goRandom(0,colors.length);
	var y11=goRandom(0,colors.length);
	$id('move').style.top=parseInt($id('move').style.top)+n;
	
	if (parseInt($id('move').style.top)>=bodyHeight)
		{
		n=-n;
		$id('move').style.backgroundColor=colors[x11];
		}
	
	if (parseInt($id('move').style.top)<startTop)
		{
		n=-n;
		$id('move').style.backgroundColor=colors[y11];
		}
}

</script>

</head>

<body>
<p id="move" style="position:absolute;width:150px; height:20px;top:1px;" onclick="timer(10);this.style.backgroundColor='red';">Я умею двигаться</p>
<table width="200" height=800" >
  <tr>
     <td> </td>
 </tr>
</table>

</body>

Теперь кто-нибудь сможет объяснить почему этот сценарий не работает в firefox, я блин специально не пользовался свойствами pixel, а ff помоему вообще без разницы, разочаровался я в нем))))

Спустя 3 часа, 37 минут, 18 секунд (21.03.2010 - 00:54) John_761 написал(а):

Странно, у меня ваш скрипт работает
FF 3.0.18

Спустя 9 часов, 28 минут, 45 секунд (21.03.2010 - 10:23) Guest написал(а):

FF 3.6 не работает...
возникло желание скачать другую версию раз так, сейчас посмотрю

Спустя 21 минута, 26 секунд (21.03.2010 - 10:44) Guest написал(а):

FF 3.0.10
FF 3.0.18
FF 2
нигде не работает
Опытные юзеры, подскажите!!)

Спустя 10 минут, 36 секунд (21.03.2010 - 10:55) Guest написал(а):

Предупреждение: Ошибка при анализе значения «top». Потерянное объявление.
Источник: http://js.lu/new.html
Строка: 0

Вот что в консоли ошибок!

как мне кажется что-то с этой строкой ему не нравится

$id('move').style.top=parseInt($id('move').style.top)+n;

Спустя 9 минут, 17 секунд (21.03.2010 - 11:04) Guest написал(а):

уррааа

$id('move').style.top=parseInt($id('move').style.top)+n+'px';

Спустя 1 час, 22 минуты, 46 секунд (21.03.2010 - 12:27) aslanK2 написал(а):

привет всем подскажите мне как получить деньги заработанные на сайте на web кошелек
заранее спасибо

Быстрый ответ:

Здесь расположена полная версия этой страницы.