Сайт о компьютерах и веб-технологиях.

Бегущая строка на javascript.

Эффект бегущей строки в javascript создается путем записи текста в каком-либо объекте(строке состояния, например) и переписыванием его каждый раз со смещением в ту или иную сторону.

Для примера покажем, как можно создать бегущую строку в строке состояния(там, где обычно выводится адрес загружаемой страницы):

<html>
<head>
<title>Эффект бегущей строки в строке состояния</title>
<script type = "text/javascript">
var text = "Текст бегущей строки";
var width = 180;
var position = -width;
var strLength = text.length;
function scrollText() {
position++;
var scroller = "";
if (position==strLength)
{
position = -width;
}
if(position<0)
{
for (var i=1; i <= Math.abs(position); i++)
{
scroller = scroller + "";
}
scroller = scroller + text.substring(0, width-i+1);
}
else
{
scroller = scroller + text.substring(position, width + position);
}
window.status = scroller;
setTimeout("scrollText()", 100);
}
</script>
</head>
<body onLoad="scrollText()">
<H1>Эффект бегущей строки(смотрите в строке состояния слева внизу)</H1>
</body>
</html>


* * *







Используются технологии uCoz