Outils et ressources pour site web
Les javascripts

Couleurs sur texte

DESCRIPTION :

Regardez l'exemple !

EXEMPLE :

COMMENTAIRES :

Vous pouvez changer les couleurs , la taille et la vitesse.

CODE DU SCRIPT

-Insérer entre les balises <BODY> et </BODY> :

text = "Votre texte"; // Le texte à colorier
color1 = "#00CCFF"; // La coureur du texte
color2 = "000099"; // La couleur de la nouvelle lettre
fontsize = "12"; // taille du texte
speed = 100; // vitesse de changement en millisecondes, (1000 = 1 second)

i = 0;
  if (navigator.appName == "Netscape") {
  document.write("<layer id=a visibility=show></layer><br><br><br>");
  }
  else {
  document.write("<div id=a></div>");
  }
  function changeCharColor() {
  if (navigator.appName == "Netscape") {
  document.a.document.write("<center><font size =" + fontsize + "><font color=" + color1 + ">");
  for (var j = 0; j < text.length; j++) {
  if(j == i) {
  document.a.document.write("<font color=" + color2 + ">" + text.charAt(i) + "</font>");
  }
  else {
  document.a.document.write(text.charAt(j));
  }
  }
  document.a.document.write('</font></font></center>');
  document.a.document.close();
  }
  if (navigator.appName == "Microsoft Internet Explorer") {
  str = "<center><font size=" + fontsize + "><font color=" + color1 + ">";
  for (var j = 0; j < text.length; j++) {
  if( j == i) {
  str += "<font color=" + color2 + ">" + text.charAt(i) + "</font>";
  }
  else {
  str += text.charAt(j);
  }
  }
  str += "</font></font></center>";
  a.innerHTML = str;
  }
  (i == text.length) ? i=0 : i++; // Et on recommence
  }
  setInterval("changeCharColor()", speed);

//-->
</script>

Haut de la page

visiteurs depuis le : 02-04-2002 - Actuellement sur le site :

Outils et ressources pour site web
Les javascripts

Catégories

Couleurs sur texte

ACCUEIL

La construction du Mandragore 2

Les plans

L'histoire du Mandragore 1

Jonques et gréement de jonque

Projets

Encyclopédie de la mer

Le bois

Pavillonnerie

La construction amateur

Liens

Livre d'Or

Référencement

Webmasters

Le site

Outils et ressources pour site web Les javascripts

Catégories

Couleurs sur texte

Webmasters

Le site

Outils et ressources pour site web
Les javascripts