Superbe texte défilant
Soyez le premier à donner votre avis sur cette source.
Snippet vu 114 459 fois - Téléchargée 27 fois
Contenu du snippet
Un texte défilant vraimment superbe
un copier/coller suffit
et apres c'est a vous de changer le texte.
un copier/coller suffit
et apres c'est a vous de changer le texte.
Source / Exemple :
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Superbe texte déffilant</title>
</head>
<body bgcolor="
<script language="Javascript1.2"><!--
var tags_avant = '<FONT FACE="Monotype Corsiva" color="var tags_apres = '</FONT face="Monotype Corsiva">' //Balise Html après le texte
var speed = 30 //vitesse d'écriture
var speed2 = 100000 //temp de pause
// Ci-dessous : Rajoutez des messages sans oublier de changer le numéro du msg[...]
msg = new Array()
msg[0]="Bonjour je vous presente ce petit script qui est vraimment superbe.<br>Comme vous le voyez vous pouvez sauter de ligne a tout moment attention on y vas.<br>Il suffit de mettre la balise ;<br;> et voila.<br>Vous pouvez changer :<br>- La dimension du texte.<br>- Les couleurs.<br>- La vitesse d'écriture.<br>- Le temps de pause a la fin du texte.<br>- Mettre des lignes.<br>----------------------------------------------------------<br><br>- Ou des pointilles.<br>_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ <br>- Vous pouvez aussi l'agrémenter d'une musique genre clic-clic machine a écrire.<br>- Voila j'espère que la démo vous a plus.<br>Si vou voulez m'envoyer un mail voici mon adresse :<br>pitrack1@club-internet.fr<br><br><center>Salut a tous les webmaster et bon surf a tous.</center>"
//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);
//--></script>
</body>
</html>
A voir également
- Texte défilant javascript
- Générateur texte défilant - Meilleures réponses
- Texte défilant html5 - Meilleures réponses
- Javascript : Texte Défilant Continu - CodeS SourceS - Guide
- Javascript : Defilement horizontal de texte - CodeS SourceS - Guide
- Javascript : Texte défilant (sympa et facile) - CodeS SourceS - Guide
- Javascript : Texte défilant verticalement avec pause type marquee - CodeS SourceS - Guide
- Javascript : Texte défilant ( boutons : arrêt - pause - avant - arrière et feuil - Guide
Ps: pour les copier/coller sous Firefox, toujours passer par le bloc note.
Bamphi
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<title>Superbe
texte
défilant</title>
<style>
#ticker{font-family:cursive;color:blue;
}
</style>
<script
type="text/javascript">
<!--
var speed = 10 //vitesse
d'écriture
var speed2 = 100000 //temp de pause
// Ci-dessous :
Rajoutez des messages sans oublier de changer le numéro du msg[...]
msg =
[]
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 =
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.