Effet de vague sur du texte (horizontal / vertical)
Soyez le premier à donner votre avis sur cette source.
Vue 13 883 fois - Téléchargée 975 fois
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)
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 ;)
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 ;)
Codes Sources
A voir également
- Vague texte
- Effet vague - Meilleures réponses
- Effet de vague - Meilleures réponses
- Effet vapeur et vague sur un texte - Codes sources - Javascript (Divers)
- Texte défilement vertical + image en fond d'écran - Codes sources - Visual Basic / VB.NET (Graphique)
- Effet de projection d un texte avec opengl - Codes sources - C / C++ / C++.NET (OpenGL)
- Flash : Effet de loupe sur un texte - CodeS SourceS - Guide
- Effet de vagues + fonction de temporisation - Codes sources - Flash (ActionScripts)
Commentaires
- Messages postés
-
3275
- Date d'inscription
- jeudi 3 avril 2008
- Statut
- Membre
- Dernière intervention
- 14 septembre 2014
3vois tu je n'y connais rien du tout en javascript mais j'essaye de faire un petit site
10/10
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
Merci
merci d'avance
mimi ;-))))
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.