Animation de texte en vague

Commenter

Contenu du snippet

Ayant vu la source http://www.javascriptfr.com/index.asp?Val=17 (EFFET DE VAGUES) de Arnotic, qui donnae un tres bel effet pour un titre ou qqchose où on veut attirer l'attention, j'ai donc repris ce code (qui n'est que du HTML) puis en rajoutant un peu de javascript on rend l'effet immobile en animation !

Source / Exemple : 


<body bgcolor=#000000>

<div id="calk">
</div>

<script language=javascript>
var ph=20

function modif(){
ph=ph+10;
calk.innerHTML="<DIV STYLE='width:200;height:50;filter:wave(strength=4, freq=2, lightstrength=20, add=0, phase="+ph+")'><b><font color=#ff0000 size=8>VBEasy</font></b></DIV>";
setTimeout("modif()",1);
}

setTimeout("modif()",1);
</script>

Conclusion :


voila vous pouvez modifier la vitesse d'incrémentation de la variable ph, ou la valeur du 2eme argument de setimeout pour regler la vitesse de mouvement du texte.

voila a quoi servent les parametres de l'effet

strength = intensité du mouvement gauche-droite
freq = nombre d'oscillation dans la hauteur
lightstrength = effet de lumiere
add = beh exactement je sais pas, c décalle le texte en double impression (essayez, c le mieu :) )
phase = permet d'avancer dans la position du texte

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 (cs_Stephane)