Bannière de texte

DEMONSTRATION


Code source de ce script en 1 partie dans le corp du document (entre <body> et </body>)
top

<script language="Javascript1.2"> 
<!--
var tags_avant = '<FONT face="arial" color="#0488FF"><B>' //Balise Html avant le texte 
var tags_apres  = '</FONT face="arial"></B>' //Balise Html après le texte 
var speed = 70            //vitesse d'écriture
var speed2 = 1000        //temp de pause

// Ci-dessous : Rajoutez des messages sans oublier de changer le numéro du msg[...] 
msg = new Array()
msg[0]="Ce script fait apparaitre du texte"
msg[1]="progressivement..."
msg[2]="Vous pouvez rajouter des Tags html.."
msg[3]="pour en faire un lien par exemple."
msg[4]="Facile à mettre en oeuvre dans votre page"

//Définissez la position de l'animation dans votre page en coordonnées left/top: 
//Ci dessous pour netscape (left=0 top=0 correspond au coin en haut à gauche)
 if(navigator.appName == "Netscape") {
 document.write('<layer left=40 top=130 id="ticker"></layer><br>');
 } 
//Ci dessous pour internet explorer 
 if (navigator.appVersion.indexOf("MSIE") != -1){
 document.write('<span left=4 top=180 id="ticker"></span><br>');
 }

var msg2 = msg; var x = 0; var y = 0;
function upticker(){ 
if (y > msg2.length - 1) {
y = 0; setTimeout("upticker()",speed);}
else{if (x > msg2[y].length) {
msg = msg2[y];x = 0; y++;
setTimeout("upticker()",speed2);}
else {msg = msg2[y].substring(0,x++);
setTimeout("upticker()",speed);}
if(navigator.appName == "Netscape") {
document.ticker.document.write(tags_avant+msg+tags_apres);
document.ticker.document.close();}
if (navigator.appVersion.indexOf("MSIE") != -1){
ticker.innerHTML = tags_avant+msg+tags_apres;};};} 
setTimeout("upticker()",speed);
//Merci de ne pas effacer ces lignes
//D'autres script,applet,images sur webgraf.Com 
//Mathieu Gros, webmaster@webgraf.Com
//-->
</script>
 
INFORMATIONS COMPLEMENTAIRES
top

Comment placer cette animation dans votre page:

Comment intégrer ce script dans votre page: Vous pouvez télécharger cette page au format zip :télécharger.








Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com