Animation de texte en vague

Soyez le premier à donner votre avis sur cette source.

Snippet vu 19 272 fois - Téléchargée 28 fois

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

Ajouter un commentaire Commentaires
annesirine Messages postés 38 Date d'inscription samedi 16 octobre 2004 Statut Membre Dernière intervention 19 février 2006
19 janv. 2006 à 10:39
En plus sympa :





VBEasy



<script language=javascript>

var ph=40

function modif()
{
ph=ph+10;
calk.style.filter = 'wave(strength=4, freq=2, lightstrength=20, add=0, phase='+ph+')';
setTimeout("modif()",75);
}

setTimeout("modif()",75);

</script>
cs_denis2222 Messages postés 7 Date d'inscription mercredi 26 novembre 2003 Statut Membre Dernière intervention 3 juillet 2008
27 mars 2005 à 22:17
j'halucine ya vraiment des abrutits sur cette planette . . . .
nitro120 si tes pas content rien ne t'oblige a venir
alors casse toi

pour ton Script GG steph l'effet est vraiment sympa .
cs_jpaul2 Messages postés 1 Date d'inscription lundi 9 août 2004 Statut Membre Dernière intervention 15 août 2004
15 août 2004 à 14:40
En + son site y marche pas
Bravo pour le script
cs_Stephane Messages postés 550 Date d'inscription vendredi 5 janvier 2001 Statut Membre Dernière intervention 23 septembre 2006
24 oct. 2002 à 21:40
ho j'ten pri t pa obligé de m'insulté, parcke monsieu conné, si les autres arrive a faire un truc ces des imbeciles ?
je sui sur ke bcp de gen on utilisé cette source !
nitro120 Messages postés 229 Date d'inscription vendredi 16 août 2002 Statut Membre Dernière intervention 9 juillet 2003
19 oct. 2002 à 11:39
c du css "filter" imbecile va voir mon site tu les verras presk tous !!!
Afficher les 6 commentaires

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.