CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 05 22:07:02

SILVERLIGHT 3 : COMMUNICATION ET MULTICAST par KooKiz

[PERSO] DéCOUVERTES ESTIVALES : LINUX (PART I) par FREMYCOMPANY

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

RE : BOUCLES ! par cedcyr

BOUCLES ! par cedcyr

CODE POUR EDITEUR DE TEXTE AVEC PRISE EN CHARGE DU COPIER/COLLER GARDANT LA MISE EN FORME par lolhangman

RE : COMMENT RéCUPéRER LES VARIABLES DE PLUSIEURS FORMULAIRES POUR OUVRIR FICHIER EXCEL par Bul3

+ de logiciels à télécharger

1 464 877 membres
369 nouveaux aujourd'hui
15 045 membres club

Trouver une ressource

Trouvez une ressource parmi 40 095 codes, 1 303 022 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

EFFET DE VAGUE SUR DU TEXTE (HORIZONTAL / VERTICAL)

Information sur la source

Catégorie :Trucs Amusants Classé sous : Vague, texte, ondulation, effet Niveau : Initié Date de création : 17/06/2003 Date de mise à jour : 25/08/2008 18:56:21 Vu / téléchargé: 7 417 / 626

Auteur : jerms

Ecrire un message privé

Note :

8,80 / 10

Commentaire sur cette source (12)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

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

Zip Zip Zip

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 ;)

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

EffetDoubleVague.html 2 185 octets
EffetVagueDegradeFixe.html 2 731 octets
EffetVagueDegradeFixeVertical.html 2 708 octets
EffetVagueDegradeFlotant.html 2 874 octets
EffetVagueDegradeFlotantVertical.html 2 831 octets
EffetVagueVertical.html 2 166 octets

Télécharger le zip

Historique

25 août 2008 18:56:21 :: Modification du code pour tenir compte des codes unicodes contenu dans la chaîne de carctère

Sources du même auteur

CALCUL DU NUMÉRO DE LA SEMAINE

ALBUM PHOTOS EN JAVASCRIPT

SUPPRIMER LA FRAME DE PUB ET LES POPUPS CHEZ IFRANCE

HORLOGE DÉCADÉCIMALE

UNE DEMI-HORLOGE À AIGUILLES ENTIÈREMENT PARAMETRABLE

Toutes les sources de jerms

Sources de la même categorie

ENIGMES, CASSE-TÊTES À RÉSOUDRE par Bul3

ROTATION DES ÉLÉMENTS D'UN PAGE WEB par yoyo17560

GENERATEUR DE PSEUDO MSN (ART-ASCII) par amrounix

[JEAN] JAVASCRIPT EXÉCUTÉ AVEC LA RÉPONSE D'AJAX, NASALODIGI... par bultez

LIST.ML D'OCAML EN JAVASCRIPT par coucou747

Toutes les sources de la catégorie Trucs Amusants

Sources en rapport avec celle ci

EFFET D'EXPLOSION SUR TEXTE ET/OU IMAGE par PetoleTeam

EFFET D'ONDULATION SUR TEXTE ET/OU IMAGE par PetoleTeam

EFFET DE DRAPEAU SUR TEXTE ET/OU IMAGE par PetoleTeam

ANIMATION DE TEXTES par PetoleTeam

EFFET VAPEUR ET VAGUE SUR UN TEXTE par nantais44

Commentaires et avis

Commentaire de mehdibou le 17/06/2003 19:05:21

Excellent :) 9,49/10
Le seul pb, c'est qu'il bouge en hauteur (donc à utiliser dans un conteneur avec valign="middle").
Et...pk ne pas rajouter une fonction de dégradé de couleur ?

Commentaire de jerms le 17/06/2003 21:10:40

tiens j'avais pourtant rajouter devant le texte un espace de la taille maxi pour justement qu'il ne bouge pas, mais la je crois qu'il n'apparait....
je vais voir, et pour le dégradé pour quoi pas, un dégradé qui suit la vague, ou fixe ?

Commentaire de bob3000 le 18/06/2003 18:44:48

excellent

Commentaire de ampeg le 04/07/2003 17:16:14

Avec une capture se serait mieux !!!

Commentaire de jerms le 04/07/2003 23:25:56

Voilà la capture est arrivé, bon j'ai juste prixune image de chacun de mouvements horizontaux ;)

Commentaire de Mumuri le 05/07/2003 17:45:42

trop fort

Commentaire de cristina49 le 17/07/2003 16:34:23

c génial ton truc
une petite question toute bête : comment qu'on fait si on veut pas avoir l'effet vague ( les lettres qui bougent en hauteur ) en gardant l'effet de couleur ....

mimi

Commentaire de jerms le 17/07/2003 20:30:26

merci, merci, ben si tu veux pas que le texte bouge, il suffit de mettre en commentaire ou de supprimer la ligne :
timer = setTimeout("effetVague()",20)

logiquement tu devrait avoir la vague fixe.
A+ jerm's

Commentaire de cristina49 le 23/07/2003 15:21:41

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 ;-))))

Commentaire de sabylau le 02/04/2004 11:09:36

Bonjour, je voudrais savoir comment changer les couleurs du texte et la typo ? Est-ce possible de faire onduler la vague moins rapidement ?
Merci

Commentaire de jerms le 02/04/2004 16:42:10

- 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 :
<FONT face="arial"><DIV ID=txt1>+</DIV></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

Commentaire de gillardg le 05/09/2008 20:28:13 10/10

vraiment super , merci
vois tu je n'y connais rien du tout en javascript mais j'essaye de faire un petit site
10/10

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Effet de texte [ par romain2boss ] Salut,je suis pas un fan de javascript, et je cherche de puis un bon bout de temps un script de défilement de texte qui fasse un peu comme l'intro de effet de fading [ par spookyz ] Bonjour je voudrais savoir si il est possible et comment faire (je suis debutant ) pour avoir un effet de fading sur la couleur de fond d'un menu et s effet lightbox dans joomla ! Besoin d'aide ! Urgent ! [ par Cuenod ] Salut à tous,je cherche a inserer un effet lightbox2.0 dans un article sous joomla 1.0.15, http://www.huddletogether.com/projects/lightbox2/mais la ca Comparer le contenu de deux zone de texte [ par alvinemambele ] Salut a tous!je suis un débutant cherchant de l'aide, je cherche comment script qui peut me permettre de verifier le contenu de deux zone de texte!je insérer un liens dans une zone de texte [ par Dodjix ] Bonjour,je ne sais pas si je suis dans le bon "thème" mais je voudrai savoir comment, grâce à un bouton, insérer du texte (liens par ex.) dans une zon Comment faire le même effet que sur javascriptfr [ par Jarod1980 ] Bonjour,Je suis à la recherche d'un script me permettant de faire le même effet que sur javascriptfr lorsque l'on clique sur deconnexion l'arrière pla [php/java] Passage de variable? [ par titi2111 ] Bonjour, Pour vous présenter mon problème j'ai créé 3 pages simples. Je voudrais pouvoir modifier une variable php à l'aide d'un champ texte quelque s rafraichire du texte en fonction d'une liste deroulante [ par scofield821 ] Bonjour,Quelqu'un pourait il m'aider et me dire comment faire pour modifier du texte dans un div en fonction du choix d'une liste deroulante (se trouv Ecrire définitivement dans page html [ par ads31 ] Bonjour,je voudrai savoir s'il est possible que l'on conserve ce que l'on ecrit via du javascript dans une page HTML.La page est en HTML et en javascr