begin process at 2010 02 10 15:49:01
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > SUPERBE TEXTE DÉFILANT

SUPERBE TEXTE DÉFILANT


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Initié Date de création :14/04/2001 Vu :89 125

Auteur : patoch

Ecrire un message privé
Site perso
Commentaire sur cette source (21)
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> 



 Sources du même auteur

DES INFO-BULLES ORIGINALS
Source avec Zip VOUS ETES SURVEILLER
Source avec Zip MENU EXPLORER

 Sources de la même categorie

Source avec Zip MOOTOOLTIP par Miky76
Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony
FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN... par xloadx
Source avec Zip Source avec une capture [DSI] DÉPLACEMENTS SUR IMAGES par Bul3
Source avec Zip Source avec une capture [ZI] ZOOM (LOUPE) SUR IMAGE par Bul3

Commentaires et avis

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

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

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

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...

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...

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.

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.

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 ?

Commentaire de titeuf51 le 21/04/2004 18:32:22

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

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...

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>  

Commentaire de Jojo 502 le 30/08/2004 18:31:24

Il est pas mal ce script une fois corrigé.

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

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 !

Commentaire de power94 le 17/05/2005 15:59:31

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

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...

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 =

Commentaire de KarSess le 04/11/2005 23:00:17

ouai ben me suis crevé pour rien ca marche pas

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

Commentaire de bamphi le 16/05/2007 14:05:16

Super ... Merci
Bamphi

Commentaire de Philcolman le 13/05/2009 06:27:02

Merci beaucoup pour ce script, d'autant que l'on peut ajouter des images qui apparaitrons de la meme façon.

Ps: pour les copier/coller sous Firefox, toujours passer par le bloc note.

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix


HTC Hero

Entre 550€ et 550€

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,312 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales