begin process at 2010 03 11 06:11:01
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Trucs Amusants

 > EFFET DE VAGUE SUR DU TEXTE (HORIZONTAL / VERTICAL)

EFFET DE VAGUE SUR DU TEXTE (HORIZONTAL / VERTICAL)


 Information sur la source

Note :
8,8 / 10 - par 5 personnes
8,80 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :8 182 / 664
Auteur : jerms

Ecrire un message privé
Commentaire sur cette source (13)
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)


 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

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

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
Source avec Zip ALBUM PHOTOS EN JAVASCRIPT
SUPPRIMER LA FRAME DE PUB ET LES POPUPS CHEZ IFRANCE
HORLOGE DÉCADÉCIMALE
Source avec une capture UNE DEMI-HORLOGE À AIGUILLES ENTIÈREMENT PARAMETRABLE
Toutes les sources de jerms

 Sources de la même categorie

Source avec Zip Source avec une capture RÉSOUDRE UNE ÉQUATION EN 6 ÉTAPES par Zestyr
Source avec Zip Source avec une capture POST-IT POUR LE WEB par jululu
Source avec Zip Source avec une capture ENIGMES, CASSE-TÊTES À RÉSOUDRE par Bul3
ROTATION DES ÉLÉMENTS D'UN PAGE WEB par yoyo17560
Source avec Zip Source avec une capture GENERATEUR DE PSEUDO MSN (ART-ASCII) par amrounix
Toutes les sources de la catégorie Trucs Amusants

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture EFFET D'EXPLOSION SUR TEXTE ET/OU IMAGE par PetoleTeam
Source avec Zip Source avec une capture EFFET D'ONDULATION SUR TEXTE ET/OU IMAGE par PetoleTeam
Source avec Zip Source avec une capture EFFET DE DRAPEAU SUR TEXTE ET/OU IMAGE par PetoleTeam
Source avec Zip ANIMATION DE TEXTES par PetoleTeam
Source avec Zip 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

Commentaire de pepitos29 le 02/09/2009 11:37:32

comment on f pour le rajouté dans un site f avec web creator jcomprend pas trop

 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


Nos sponsors


Sondage...

Comparez les prix


Samsung LE26B350 LCD
Entre 359€ et 417€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,562 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)