HTML tip č. 7: Rolující text pomocí JavaScriptu
Chcete na své stránky umístit rolující text? Pak můžete použít buď element MARQUEE, který je podporován výhradně MS Internet Explorerem, nebo to provést jednoduchým skriptem, který zvládne i Netscape Navigator.
Do hlavičky dokumentu (tedy někam mezi tagy <HEAD> a </HEAD>) vložíte kód:
<script language="JavaScript">
<!--
var id,pause=0,position=0;
function roluj()
{
var m1 = " Takto vypadá rolující text ";
var i,k,msg=m1;
k=(70/msg.length)+1;
for(i=0;i<=k;i++) msg+=" "+msg;
document.definice.ramecek.value=msg.substring(position,position+120);
if(position++==msg.length) position=100;
id=setTimeout("roluj()",rychlostposunu);
}
// -->
</script>
Místo slova rychlostposunu napíšete celé číslo, které bude definovat jak rychle se text bude posouvat (čím je číslo vyšší, tím pomaleji se text posouvá)
Do elementu BODY umístíte volání onLoad="roluj();" (např.: <body onLoad="roluj();">)
Na místo, kde budete chtít umístit rolující text, vložíte kód:
<form name="definice">
<input type="text" name="ramecek" size=sirkaramecku>
</form>
Za parametr sirkaramecku vložíte šířku pole, v němž bude text zobrazován.
|
