Animation de texte en vague

Soyez le premier à donner votre avis sur cette source.

Snippet vu 18 688 fois - Téléchargée 27 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
Messages postés
38
Date d'inscription
samedi 16 octobre 2004
Statut
Membre
Dernière intervention
19 février 2006

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>
Messages postés
7
Date d'inscription
mercredi 26 novembre 2003
Statut
Membre
Dernière intervention
3 juillet 2008

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 .
Messages postés
1
Date d'inscription
lundi 9 août 2004
Statut
Membre
Dernière intervention
15 août 2004

En + son site y marche pas
Bravo pour le script
Messages postés
550
Date d'inscription
vendredi 5 janvier 2001
Statut
Membre
Dernière intervention
23 septembre 2006

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 !
Messages postés
229
Date d'inscription
vendredi 16 août 2002
Statut
Membre
Dernière intervention
9 juillet 2003

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.