Texte avec glissement de lettres, version 1

<html>
<head>
<title>Texte avec glissement de lettres, version 1</title>
<script LANGUAGE="JavaScript">
<!--
var texte = "Le texte à faire défiler est à mettre ici...";
var timerID = null;
var pos = 0;
var pos2 = texte.length;
var delaiScroll = 40;
var pause = 1000;
var vitesse = 4;
//vitesse de déplacement des lettres. Doit être > 1
//1 : très lent

function startScroll() {
  var msg = texte.substring(0,pos);
  var i = 0;
  var s = "";

  if (texte.charAt(pos) == " ") {
    window.document.formScroll.textScroll.value = msg + " ";
    timerID = setTimeout("startScroll()", delaiScroll);
    pos++;
    pos2--;
    return true;
  }
  for (i = pos; i < pos2-1; i++) s += " ";
  s = s + texte.charAt(pos);
  pos2 -= vitesse;

  if (pos == texte.length) {
    pos = 0;
    pos2 = texte.length;
    window.document.formScroll.textScroll.value = msg + s;
    timerID = setTimeout("startScroll()", pause);
    return true;
  }
  if (pos2 <= pos) {
    pos2 = texte.length;
    pos++;
  }

  window.document.formScroll.textScroll.value = msg + s;
  window.status = msg + s;
  timerID = setTimeout("startScroll()", delaiScroll);
}

function stopScroll() {
  clearTimeout(timerID);
  window.status = '';
}

//-->
</script>
</head>

<body onLoad="startScroll()" onUnLoad="stopScroll()">

<h1 align="center">Texte avec glissement de lettres, version 1</h1>

<hr>

<form name="formScroll">
<input type="text" name="textScroll" size=45 style="font-family: Courier New" value="Le texte à faire défiler est à mettre ici..."><br>
</form>

</body>
</html>

retour au menu des textes défilants

 

Texte qui rebonditRetour à la page JavaScriptTexte avec glissement de lettres, version 2