Insérez le style telestyle et le script suivant dans l'entête de votre page :
<STYLE>
.telestyle {
position:absolute;
visibility:visible;
font-size:16pt;
font-family:Arial;
font-weight:normal;
color:#0000FF;
top:50px;
left:60px;
height:32px;
width:500px;
filter:alpha(opacity=100);
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var message = "Bienvenue sur le site Électrotechnique"
var character = 0;
var to_print = "";
var ypos = 50;
var next = 0 ;
var fade = 100 ;
var next_message = new Array() ;
next_message[0] = "Vous y trouverez des cours..."
next_message[1] = "des logiciels..."
next_message[2] = "des sujets de BTS corrigés..."
next_message[3] = "un forum..."
next_message[4] = "de nombreux liens"
function doText(text) {
if (document.all) {
if (character <= text.length - 1) {
to_print += text.charAt(character);
teletext.innerHTML = to_print;
character++;
}
else
scrollIt();
}
setTimeout("doText(message)", 100);
}
function scrollIt() {
if (ypos >= 260) {
ypos -= 1;
fade -= 4;
if (ypos < 265) {
teletext.innerHTML = "" ;
}
}
else {
ypos = 50;
character = 0;
to_print = "";
nextMessage();
fade = 100;
}
teletext.style.top = ypos;
teletext.filters.alpha.opacity = fade;
}
function nextMessage() {
message = next_message[next]
if (next == 4) {
next = 0;
}
else
next++;
}
// -->
</script>
La feuille de styles utilisées est personnalisable à votre guise. Vous pouvez également modifier les variables message, message[0] et suivantes du scripts. Celles-ci correspondent aux messages que vous voulez faire défiler. Vous pouvez y entrer autant de lignes qu'il vous plaira.
Créez ensuite votre télétype dans le corps de votre page, entre les balises <body> et </body> :
<DIV ID=teletext CLASS="telestyle">
</DIV>
Il ne vous reste plus qu'à mettre le télétype en route à l'aide de l'attribut onLoad de la balise <body> :
<BODY onLoad="doText(message)">