Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

SUPERBE TEXTE DÉFILANT


Information sur la source

Catégorie :Effets Niveau : Initié Date de création : 14/04/2001 Vu : 76 307

Note :
4,74 / 10 - par 19 personnes
4,74 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (20)
Ajouter un commentaire et/ou une note

Description

Un texte défilant vraimment superbe
un copier/coller suffit
et apres c'est a vous de changer le texte.
 

Source

  • <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 ;&lt;br;&gt; 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>
<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 ;&lt;br;&gt; 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> 

Commentaires et avis

signaler à un administrateur
Commentaire de Mickeymanu le 20/06/2002 18:52:44

PFFFfff... C'est bien mais il y a du boulot pour tout remettre en place. Manque plein de trucs.
Sinon c'est bien comme effet

signaler à un administrateur
Commentaire de PlacidBlue07 le 25/12/2002 23:10:49

G pas testé ce Script mais c'est pas parce que c'est simple comme "Hello" qu'il ne doit pas figurer ici! Faut bien commencer par quelque chose de ce genre quand on apprend un nouveau langage! (et encore plus si C le 1° !!)
Pour les fautes C autre chose

signaler à un administrateur
Commentaire de leshadock le 31/05/2003 07:07:00

Correction du Code :

var tags_avant = '&lt;FONT FACE="Monotype Corsiva" color=';
var tags_apres  = '&lt;/FONT&gt;'; //Balise Html après le texte
var speed = 30            //vitesse d'écriture
var speed2 = 100000        //temp de pause

signaler à un administrateur
Commentaire de Tiscripteur le 23/07/2003 15:09:22


J'arrive pas à faire fonctionner le script mais je n'ai pas cherché pk..
Moi, j'utilise un truc tout con:
&lt;marquee&gt;Votre texte&lt;/marquee&gt;

Ya des paramètres possibles mais comme ca, ca marche aussi...

signaler à un administrateur
Commentaire de Tiscripteur le 23/07/2003 15:09:26


J'arrive pas à faire fonctionner le script mais je n'ai pas cherché pk..
Moi, j'utilise un truc tout con:
&lt;marquee&gt;Votre texte&lt;/marquee&gt;

Ya des paramètres possibles mais comme ca, ca marche aussi...

signaler à un administrateur
Commentaire de pat90 le 30/01/2004 11:39:19

A titre indicatif ton truc &lt;marquee&gt; tout con comme tu dit je l'utilise pas donc tu devrais chercher PK ....

NE marche PAS sur toute les bécanes, il tourne que sous IE ..... Sur autre ton texte n'apparait pas.

signaler à un administrateur
Commentaire de valeuf le 05/03/2004 23:50:38

Domage de devoir faire des correction. Mais sinon y'a pas à dire c'est un script sympa.

signaler à un administrateur
Commentaire de gazelle67 le 14/03/2004 18:22:24

Ce script pourrait être sympa s'il n'était pas rempli d'erreurs.
Peut-être aurait-il été mieux de le tester avant de le poster ?

signaler à un administrateur
Commentaire de titeuf51 le 21/04/2004 18:32:22

Il est cool, in y a juste à corriger et ça marche tout seul...

signaler à un administrateur
Commentaire de titeuf51 le 21/04/2004 18:35:56

Je vais même vous dire qu'à partir de maintenant, je vais m'en servir dans un tableau pour mes news...

signaler à un administrateur
Commentaire de chmel le 31/07/2004 06:02:42

voila le script corrigé :
-Un peu plus conforme aux standards.
-Actualisé pour les navigateurs modernes
-Le message est maintenant dans un div de la page, éditable en wysiwyng et positionnable de façon classique.

<!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 = msg2[y].substring(0,x++);
setTimeout("upticker()",speed);}
t.innerHTML = msg };}
setTimeout("upticker()",speed);
function init(){t=document.getElementById("ticker");
msg[0]=t.innerHTML;msg2 = msg;x = y = 0;
upticker()
}
window.onload=init
//-->
</script>
</head>
<body >
<div id="ticker">Bonjour je vous présente ce texte d&eacute;filant type machine &agrave; &eacute;crire.<br>
Comme vous le voyez vous pouvez sauter de ligne a tout moment attention on y va !.<br>
Il suffit de mettre la balise &lt;br /&gt; et voila.<br>
  Vous pouvez changer :
</p>
<ul>
  <li>Le contenu HTML dans le div id="sticker"</li>
  <li>Le style dans la feuille de  style </li>
  <li>Dans le script
    <ul>
      <li>La vitesse d'écriture.
  </li>
      <li>Le temps de pause a la fin du texte.</li>
    </ul>
  </li>
</ul>
   Voila j'espère que la démo vous a plus.<br>
Si vous voulez m'envoyer un mail voici mon adresse :<br>
pitrack1@club-internet.fr
<center>
  <p>Salut a tous les webmaster et bon surf a tous.
</p>
  <p>Modification : chmel</p>
</center>
</div>

</body>
</html>  

signaler à un administrateur
Commentaire de Jojo 502 le 30/08/2004 18:31:24

Il est pas mal ce script une fois corrigé.

signaler à un administrateur
Commentaire de GUY PHOTO le 31/01/2005 18:34:19

Superbe script après correction.

Heu...un petit bruitage serait souhaitable.

Merci et bravo :)

Guy

signaler à un administrateur
Commentaire de jeunegob le 23/02/2005 12:24:34

je trouve que sa marche mieux avec la correction car avec l'autre faut tout coriger et en plus sa marche pas après la corection !

signaler à un administrateur
Commentaire de power94 le 17/05/2005 15:59:31

Je trouve que ça serait mieux si il ne recommençait pas automatiquement.

signaler à un administrateur
Commentaire de fabiin le 06/06/2005 13:47:19

C'est joli en effet, mais je ne vois pas en quoi ce texte est défilant. Le titre induit en erreur...

signaler à un administrateur
Commentaire de KarSess le 04/11/2005 22:27:20

J'adore ce site et je remercie ceux qui nous offrent leur scripts. Pour moi et je pense pour bcp se pose malgré tout un probleme. Les copiés collés ne fonctionnent pas. Je suis obligé de tout refaire looool. Si vous avez une idée pour faire un c/c sans devoir tout retaper ca serait cool de me dire. Merci encore. Vous ce que j'obtiens :
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"&gt;<BR>&lt;html&gt;<BR>&lt;head&gt;<BR>&lt;title&gt;Superbe
texte
défilant&lt;/title&gt;<BR>&lt;style&gt;<BR>#ticker{font-family:cursive;color:blue;<BR>}<BR>&lt;/style&gt;<BR>  &lt;script
type="text/javascript"&gt;<BR>&lt;!--<BR>var speed = 10            //vitesse
d'écriture<BR>var speed2 = 100000        //temp de pause<BR>// Ci-dessous :
Rajoutez des messages sans oublier de changer le numéro du msg[...] <BR>msg =
[]<BR>function upticker(){ <BR>if (y &gt; msg2.length - 1) {<BR>y = 0;
setTimeout("upticker()",speed);}<BR>else{if (x &gt; msg2[y].length) {<BR>msg =
msg2[y];x = 0; y++;<BR>setTimeout("upticker()",speed2);}<BR>else {msg =

signaler à un administrateur
Commentaire de KarSess le 04/11/2005 23:00:17

ouai ben me suis crevé pour rien ca marche pas

signaler à un administrateur
Commentaire de lordrpg le 30/05/2006 17:20:06

KarSess colle dans le bloc note d'abord ensuite tu copie a nouveau et tu colle dans front page si c'est ce que tu utilise ... lol

signaler à un administrateur
Commentaire de bamphi le 16/05/2007 14:05:16

Super ... Merci
Bamphi

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,125 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.