1. Accueil
  2. Javascript
  3. Sources Javascript
  4. Sources Trucs Amusants
  5. Effet de vague sur du texte (horizontal / vertical)

Effet de vague sur du texte (horizontal / vertical)

Soyez le premier à donner votre avis sur cette source.

Vue 14 774 fois - Téléchargée 1 066 fois

Télécharger le projet
Commenter

Description

Un petit script pour faire un effet de vague sur une chaine de caractères.
possibilité de paramétrer le sens de la vague, ainsi que les tailles maximale et minimale de caractères.

Bon je retire le code parce que j'ai rajouter 2 autre version avec dégradé, et puis au moins je suis sur que ça fonction ;)

en essayant quelque chose j'ai remarqué que c'est sympa aussi, donc si on met chaque lettre dans une DIV on a l'effet a la vertical !!

j'ai rajouté un test sur la chaine de caractères pour détecter les codes Unicodes (par exemple ạ). C'est mieux d'avoir l'effet avec le caractère correspondant que l'Unicode :) (merci LUONGM pour la question à ce sujet)

Source / Exemple : 


Zip Zip Zip

Conclusion :


je rajoute un Zip avec 7 exemples dedans :
- effetVague : l'effet de vague tout simple sur du texte
- effetVagueDegradeFixe : l'effet de vague sur du texte avec un dégrade fixe sur le texte
- effetVagueDegradeFlotant : l'effet de vague sur du texte avec un dégrade qui suit la vague
- les 3 autres c'est idem mais a la vertical
- effetDoubleVague : en fait les caractères sont centrés donc ils ondulent en haut et en bas.

si jamais vous avez encore des remarques, des améliorations ;)
Télécharger le projet

Codes Sources

A voir également

Ajouter un commentaire Commentaires
pepitos29
Messages postés
1
Date d'inscription
mercredi 2 septembre 2009
Statut
Membre
Dernière intervention
2 septembre 2009
2 sept. 2009 à 11:37
comment on f pour le rajouté dans un site f avec web creator jcomprend pas trop
gillardg
Messages postés
3275
Date d'inscription
jeudi 3 avril 2008
Statut
Membre
Dernière intervention
14 septembre 2014
 3
5 sept. 2008 à 20:28
vraiment super , merci
vois tu je n'y connais rien du tout en javascript mais j'essaye de faire un petit site
10/10
cs_jerms
Messages postés
115
Date d'inscription
jeudi 8 mai 2003
Statut
Membre
Dernière intervention
3 janvier 2016
2 avril 2004 à 16:42
- pour changer la vitesse faut modifier la ligne suivante :
timer = setTimeout("effetVague()",30)
30 c'est 30 millisecondes, pour que ce soit plus lent tu augmentes, pas trop sinon c'est pas beau.

- si tu veux changer la police du texte tu peux mettre la DIV dans une balise font :

+


- pour la couleur faut changer :
initEffetVague("txt1",230,170,0,100,255,255)
en fait ce sont les couleur en décimal (Rouge, Vert, Bleu) entre 0 et 255.
Les 3 premiers chiffres pour la couleur de départ, et les 3 derniers pour la couleur d'arrivée.

j'espere que ca pourra t'aider.
a+
Jerm's
sabylau
Messages postés
4
Date d'inscription
jeudi 1 avril 2004
Statut
Membre
Dernière intervention
29 septembre 2005
2 avril 2004 à 11:09
Bonjour, je voudrais savoir comment changer les couleurs du texte et la typo ? Est-ce possible de faire onduler la vague moins rapidement ?
Merci
cs_cristina49
Messages postés
21
Date d'inscription
jeudi 17 juillet 2003
Statut
Membre
Dernière intervention
30 septembre 2003
23 juil. 2003 à 15:21
je ne trouve pas cette ligne de code dans le code html de la page. de plus il faut que je fasse koi : que je l'enlève ou que je l'ajoute ( si je doit l'ajouter je l'ajoute ou et comment ... )
merci d'avance

mimi ;-))))
Afficher les 13 commentaires
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_jerms)