Показать сообщение отдельно
  #5 (permalink)  
Старый 25.07.2012, 11:46
Новичок на форуме
Отправить личное сообщение для exru Посмотреть профиль Найти все сообщения от exru
 
Регистрация: 25.07.2012
Сообщений: 4

Бегущая строка
Со скоростью и направлением разберетесь сами))))
<script type="text/javascript">
/*
все id картинoк имеют id0, id1, id2, итд...
<img id="id{index}" style="position:absolute;/>  вот так, а иначе все картинки колом
*/
var pos = [];
var wdh=140; //расстояние между правыми краями картинок
var pmax; //наибольший номер картинки
var d;    //максимальное удаление
function apos(i) //получение позиции для style.left
{
	return i+"px";
}	
function GetN(i) //получить i елемент 
{
return document.getElementById("id"+i);
}
function init() //предустановка картинок и значений
{
	for (var i=0;GetN(i);i++)
	{			
		pos[i]=i*wdh;
		GetN(i).style.left=apos(pos[i]);
	}
    pmax=i-1;
	d=pos[pmax]-wdh;
}
function mov() //перемещение
{		
	for (var i=0;i<pmax;i++)
	{
	if(pos[i] < -wdh) {pos[i]=d;} else pos[i]--;
	GetN(i).style.left=apos(pos[i]);
	}	
}
function create() // автомат
{
 setInterval(function(){mov();},20);	
}
create();
</script>
Ответить с цитированием