[JS] imitacja znacznika marquee

0

Witam, w sieci znalazłem taki kod:

function Animuj()
{
	var div = document.getElementById('napis');

	if (parseInt(div.style.left) < 240)
	{
		div.style.left = "1040px";
	}
	else
	{
		div.style.left = (parseInt(div.style.left) - 3)+"px";
	}
}
window.setInterval("Animuj()", 100);
</script>

<div id="napis" style="left: 1040px; position: absolute;">Jakiś tekst.</div>

, którego zadaniem jest imitowanie znacznika <marquee>. Jednak zauważyłem kilka problemów:

  1. Gdy tekst jest dłuższy niż szerokość strony jest on zawijany
  2. Gdy strona jest oglądana pod różnymi rozdzielczościami, wtedy tekst może wyjeżdżać poza szerokość strony.

Jak można wyeliminować te błędy, będę wdzięczny za każdą pomoc.

0

Ogolna zasada jest taka, zeby zrobic dwie warstwy. Jedna z nich ma miec 100% szerokosci strony oraz overflow: hidden. Druga ma byc zawarta w pierwszej, ma miec szerokosc taka jak zawarty w niej tekst i ma byc przesuwana javascriptem az dojedzie do brzegu po czym przemieszczana na poczatek i znow przesuwana (czyli petla). Tego typu skryptow jest masa na sieci.

1 użytkowników online, w tym zalogowanych: 0, gości: 1