begin process at 2008 05 16 05:42:25
1 173 216 membres
58 nouveaux aujourd'hui
13 970 membres club

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 !

ANIMATION DE TEXTES


Information sur la source

Description

Deux textes different ou autrement dit deux phrases animés avec textes de différentes taille et couleur avec et sans lien hypertexte, une animation que vous pouvez personnalisé facilement…!

Source

  • <html>
  • <head>
  • <title>Animation de textes</title>
  • </head>
  • <body>
  • <div style="position: absolute; top: 90%; left: 5%; width: 90%; height: 19">
  • Elalia Le :<!--webbot bot="Timestamp" S-Type="REGENERATED" S-Format="%d/%m/%Y" startspan -->23/01/2006<!--webbot bot="Timestamp" endspan i-checksum="12512" -->
  • <a target="_blank" href="http://www.abdelaziz.ca.cx">www.abdelaziz.ca.cx</a> </div>
  • <FORM NAME="animation">
  • <p align="center">
  • <span style="font-size: 19pt">
  • <input name="text" type="text" size="63" style="border-style:ridge; border-width:0px; color: #FF0000; font-size: 14pt; list-style-type:disc; font-weight:bold; cursor:hand"></span><br>
  • <input title="visitez le site web" onclick="location.href='http://www.abdelaziz.ca.cx'" name="text2" type="text" size="48" style="border-style:ridge; border-width:0px; color: #808000; font-size: 10px; list-style-type:disc; font-weight:bold; cursor:hand"></p>
  • </FORM>
  • <SCRIPT Language="JavaScript">
  • /*
  • abdelaziz rejeb Elalia Tunisie
  • www.abdelaziz.ca.cx
  • pour tout contact: http://abdelaziz.site.voila.fr/abdelaziz_web/mailing_objet/contact.htm
  • Le 23/01/2006
  • */
  • phrase1 = "Première phrase animé par Abdelaziz Rejeb : Elalia - Tunisie.";
  • phrase2 = "La deuxième phrase animé, avec lien hypertexte.";
  • rythme = 12;
  • pause = 1500;
  • longueur = 120;
  • pos1 = 1;
  • pos2 = longueur;
  • function textetapee () {
  • var sujet1 = phrase1.substring (0,pos1);
  • var sujet2 = phrase2.substring (0,pos1);
  • for (var i=1;i<pos2;i++) sujet1 += " " ;
  • sujet1 += phrase1.charAt(pos1);
  • sujet2 += phrase2.charAt(pos1);
  • document.animation.elements[0].value = sujet1;
  • document.animation.elements[1].value = sujet2;
  • if (pos2 <= 1) {
  • pos1++;
  • if (phrase1.charAt(pos1) == " ") pos1++ ;
  • pos2 = longueur-pos1
  • } else {
  • if (pos2 > 30) pos2 *= .065 ;
  • else pos2--;
  • }
  • if (pos1 != phrase1.length) timer = setTimeout("textetapee()",rythme);
  • else {
  • pos1 = 0;
  • pos2 = longueur;
  • timer = setTimeout("textetapee()",pause);
  • }}
  • timer = setTimeout("textetapee()",rythme);
  • </SCRIPT>
  • </body>
  • </html>
<html>
<head>
<title>Animation de textes</title>
</head>
<body>
<div style="position: absolute; top: 90%; left: 5%; width: 90%; height: 19">
Elalia Le :<!--webbot bot="Timestamp" S-Type="REGENERATED" S-Format="%d/%m/%Y" startspan -->23/01/2006<!--webbot bot="Timestamp" endspan i-checksum="12512" -->
<a target="_blank" href="http://www.abdelaziz.ca.cx">www.abdelaziz.ca.cx</a> </div>
<FORM NAME="animation">
<p align="center">
<span style="font-size: 19pt">
<input name="text" type="text" size="63" style="border-style:ridge; border-width:0px; color: #FF0000; font-size: 14pt; list-style-type:disc; font-weight:bold; cursor:hand"></span><br>
<input title="visitez le site web" onclick="location.href='http://www.abdelaziz.ca.cx'" name="text2" type="text" size="48" style="border-style:ridge; border-width:0px; color: #808000; font-size: 10px; list-style-type:disc; font-weight:bold; cursor:hand"></p>
</FORM>
<SCRIPT Language="JavaScript">
/* 
abdelaziz rejeb Elalia Tunisie 
www.abdelaziz.ca.cx 
pour tout contact: http://abdelaziz.site.voila.fr/abdelaziz_web/mailing_objet/contact.htm 
Le 23/01/2006
*/ 
phrase1 = "Première phrase animé par Abdelaziz Rejeb : Elalia - Tunisie.";
phrase2 = "La deuxième phrase animé, avec lien hypertexte.";
rythme = 12;
pause = 1500;
longueur = 120;
pos1 = 1;
pos2 = longueur;
function textetapee () {
var sujet1 = phrase1.substring (0,pos1);
var sujet2 = phrase2.substring (0,pos1);
for (var i=1;i<pos2;i++) sujet1 += " " ;
sujet1 += phrase1.charAt(pos1);
sujet2 += phrase2.charAt(pos1);
document.animation.elements[0].value  = sujet1;
document.animation.elements[1].value  = sujet2;
if (pos2 <= 1) {
pos1++;
if (phrase1.charAt(pos1) == " ") pos1++ ;
pos2 = longueur-pos1
} else {
if (pos2 >  30) pos2 *= .065 ;
else pos2--;
}
if (pos1 != phrase1.length) timer = setTimeout("textetapee()",rythme);
else {
pos1 = 0;
pos2 = longueur;
timer = setTimeout("textetapee()",pause);
}}
timer = setTimeout("textetapee()",rythme);
</SCRIPT>
</body>
</html>

Conclusion

Code fonctionnel…!
Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

  • signaler à un administrateur
    Commentaire de frvfrvfrvfrv le 23/01/2006 22:00:41

    pas mal du tout.
    très visuel,
    chapeau !
    cordialement frvfrvfrvfrv

  • signaler à un administrateur
    Commentaire de kiki2sirom le 03/02/2006 13:57:34

    d'accord avec frvfrvfrvfrv, c visuel et sympatoche MAIS il faut arrêter de mettre en initié ce qui ne l'est pas (un substring, charAt, setTimeout...), ça ne le mérite pas...

    kiki2sirom

  • signaler à un administrateur
    Commentaire de astron35 le 03/03/2007 20:10:08

    C'est super ta source, mais sur une page c'est un peu lourd de voir defiler ça en permanence...

Ajouter un commentaire

Appels d'offres

Pub



CalendriCode

Mai 2008
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Téléchargements

Boutique

Boutique de goodies CodeS-SourceS