Texte élastique

Commenter

Contenu du snippet

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 / Exemple : 


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

A voir également

S'inscrire maintenant

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.

Du même auteur (francktfr)