begin process at 2012 05 28 11:28:39
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > TEXTE ÉLASTIQUE

TEXTE ÉLASTIQUE


 Information sur la source

Note :
9 / 10 - par 2 personnes
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :27/10/2003 Vu :5 208

Auteur : francktfr

Ecrire un message privé
Site perso
Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note

 Description

Permet de faire étirer et retrecir un texte.
Vous pouvez parametrer la vitesse et la distance maximum entre
les lettres.
Amusez-vous bien :o)

Source

  • <HTML>
  • <HEAD>
  • <TITLE></TITLE>
  • <STYLE>
  • DIV{font: 22 Arial; text-align: center}
  • </STYLE>
  • <SCRIPT>
  • /*
  • créé par francktfr pour http://www.systeme-d.net
  • Obj : Objet ou est le texte
  • Max : Nombre maximum de pixel entre les lettres
  • Speed : Vitesse, en millisecondes
  • */
  • function Elastic(Obj, Size, Max, Dir, Speed) {
  • if (Size == Max || Size == -1) {Dir *= -1;}
  • if(Size == -1){Size == 0}
  • Size += Dir
  • Obj.style.letterSpacing = Size
  • setTimeout("Elastic("+Obj.id+","+Size+","+Max+","+Dir+","+Speed+")", Speed)
  • }
  • </SCRIPT>
  • </HEAD>
  • <BODY onload="Elastic(Test1, 0, 10, 1, 80); Elastic(Test2, 0, 7, 1, 50); Elastic(Test3, 0, 5, 1, 70)">
  • <DIV ID="Test1">Bonjour tout le monde</DIV>
  • <DIV ID="Test2">ca ne sert a rien</DIV>
  • <DIV ID="Test3">mais c'est marrant</DIV>
  • </BODY>
  • </HTML>
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
DIV{font: 22 Arial; text-align: center}
</STYLE>
<SCRIPT>
/*
créé par francktfr pour http://www.systeme-d.net
Obj	:	Objet ou est le texte
Max : 	Nombre maximum de pixel entre les lettres
Speed : Vitesse, en millisecondes
*/
function Elastic(Obj, Size, Max, Dir, Speed) {
	if (Size == Max || Size == -1) {Dir *= -1;}
		if(Size == -1){Size == 0} 
		Size += Dir 
		Obj.style.letterSpacing = Size
		setTimeout("Elastic("+Obj.id+","+Size+","+Max+","+Dir+","+Speed+")", Speed)
}
</SCRIPT>
</HEAD>
<BODY onload="Elastic(Test1, 0, 10, 1, 80); Elastic(Test2, 0, 7, 1, 50); Elastic(Test3, 0, 5, 1, 70)">

<DIV ID="Test1">Bonjour tout le monde</DIV>
<DIV ID="Test2">ca ne sert a rien</DIV>
<DIV ID="Test3">mais c'est marrant</DIV>

</BODY>
</HTML>



 Sources du même auteur

Source avec une capture CHOIX DE DATES ET DE PERIODE
HORLOGE DIGITALE , SI SI
Source avec une capture TEXT COLORISÉ AVEC LE POURCENTAGE
Source avec une capture MENU AVEC EFFET DE DÉGRADÉ
ANNONCE LETTRE PAR LETTRE

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600

Commentaires et avis

Commentaire de jjdagadir le 28/10/2003 19:23:10

bah, Monsieur Frank, pourquoi çà servirait à rien ?? Tout ce qui attire l'attention sur un site et en plus est simple et concis sert énormément.
Donc merci et bravo, c'est très sympa, facilement modifiable, que demande le peuple ?? -
KENAVO

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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,546 sec (4)

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