Effets d'Ecriture et de Texte

Créer un texte qui ondule

Cet article a été mis à jour, vous consultez ici une archive de cet article!
Vous n'allez pas être déçu le rendu est saisissant !!!

remplacez le <BODY> par :

Code HTML :
<body onload="doWave(0)">


Puis, ensuite où vous le souhaitez :
Code HTML :
 
<script 
 
language="JavaScript">
/* script edited by David Gardner 
 
([email protected])*/
var theText = "Votre texte ici 
 
!";
 
function nextSize(i,incMethod,textLength)
{
if (incMethod 
 
== 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
if 
 
(incMethod == 2) return (255*Math.abs( 
 
Math.cos(i/(textLength/3.14))));
}
 
function 
 
sizeCycle(text,method,dis)
{
output = "";
for (i = 0; i < 
 
text.length; i++)
{
size = parseInt(nextSize(i 
 
+dis,method,text.length));
output += "<font style='font-size: "+ size 
 
+"pt'>" +text.substring(i,i+1)+ "</font>";
}
theDiv.innerHTML = 
 
output;
}
 
function doWave(n)
{   
 
 
sizeCycle(theText,1,n);
if (n > theText.length) 
 
{n=0}
setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>
<div 
 
id="theDiv" align="center">
 
</div>

Remplacer à la 3éme ligne "Votre texte ici !" par le votre !

Et essayez pour voir le résultat !