Superbe texte défilant
Soyez le premier à donner votre avis sur cette source.
Snippet vu 115 456 fois - Téléchargée 29 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
- Générateur texte défilant
- Générateur de texte défilant - Meilleures réponses
- Générateur de texte cool - Meilleures réponses
- Javascript : Presente un texte sous forme de generique, texte ki defile - CodeS SourceS - Guide
- Flash : Texte défilant type générique de film (dynamique) - CodeS SourceS - Guide
- Texte défilant javascript - Guide
- Javascript : Defilement horizontal de texte - CodeS SourceS - Guide
- Html texte défilant en boucle ✓ - Forum - Javascript / DHTML
13 mai 2009 à 06:27
Ps: pour les copier/coller sous Firefox, toujours passer par le bloc note.
16 mai 2007 à 14:05
Bamphi
30 mai 2006 à 17:20
4 nov. 2005 à 23:00
4 nov. 2005 à 22:27
<!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.