Scripts pour TEXTES Texte défilant | Sensible au curseur | Texte en mouvement | Couleur | Style |
||
Texte "DEFILANT" (Apparition/Disparition) | ||
Un
texte qui défile dans un calque: ![]() Une petite fonction JavaScript, associée à des calques et à des styles (CSS), permet de créer un texte qui défile. Un façon originale de présenter un texte assez long dans relativement peu de place. Ce script figure également dans la rubrique "Style (Divers)". |
||
Texte
défilant dans un champ simple (1): ![]() ![]() Ce script permet de faire défiler en boucle un texte de votre choix dans un champ simple (Elément de formulaire), Le texte défilant de la droite vers la gauche. |
||
Texte
défilant dans un champ simple (2): ![]() ![]() Même effet que pour le script précédent mais avec un script diffèrent, plus simple. |
||
Textes
apparaîssant lettre par lettre: ![]() ![]() Dans un champ simple (Elément de formulaire), un texte apparaît lettre par lettre de la gauche vers la droite (sens d'écriture), puis disparaît pour laisser le champ libre pour un autre texte. |
||
Texte
défilant avec scrolling original: ![]() ![]() Un texte qui défile verticalement des commandes originales pour scroller uniquement le texte. |
||
Textes
défilant verticalement (1): ![]() Plusieurs textes qui défilent verticalement dans une boîte, de façon automatique. |
||
Textes
défilant verticalement (2): ![]() Rien à voir avec le précédent. Ici, les textes défilent comme dans un générique. |
||
Textes
en lamelles: ![]() Un lien dont le texte et la destination changent avec le temps avec une apparition et une diparition en lamelles. |
||
Texte
style machine à écrire: ![]() ![]() Un texte qui s'écrit de la gauche vers la droite, lettre par lettre, comme avec une machine à écrire. |
||
Texte
idéal pour une introduction: ![]() ![]() Le texte apparaît en grossissant progressivement au centre de l'écran. Cela donne un effet de perspective, comme si le texte se rapprochait du lecteur. |
||
Texte
en fondu: ![]() Une texte qui apparaît et disparaît en fondu. |
||
Textes
qui s'étirent: ![]() Des textes qui apparaîssent et disparaîssent en s'étirant. Sous Netscape, les textes apparaîssent et disparaîssent en fondu. |
||
|
||
Texte SENSIBLE AU CURSEUR | ||
Texte
qui suit le curseur: ![]() ![]() Le texte apparaît dans un premier temps lettre par lettre. Ensuite, si on bouge le curseur, le texte, ou plus précisément, les lettres vont suivre le curseur, la première lettre d'abord puis les autres lettres, successivement. |
||
Texte
qui suit le curseur et qui change: ![]() ![]() Comme le précédent, mais avec en plus un texte qui change dans le temps, en boucle. |
||
Lettres
en gravitation autour du curseur: ![]() ![]() Des lettres qui suivent le curseur, avec un mouvement de gravitation complexe et cyclique autour du curseur. Chacune des lettres a son propre mouvement. |
||
Un
texte qui change au passage de la souris: ![]() Effet de rollover sur un texte (lien textuel). |
||
Commentaires
au survol d'un lien: ![]() ![]() Texte qui apparaît dans un champ (Elément de formulaire) au survol d'un lien. |
||
|
||
Texte EN MOUVEMENT | ||
Texte
qui suit une sinusoïde: ![]() ![]() Un texte qui apparaît sur la droite de l'écran et qui traverse la page en suivant une courbe sinusoïdale pour disparaître sur le bord gauche de l'écran. Mouvement en boucle. |
||
Texte
qui ondule: ![]() ![]() Un script qui permet d'avoir un texte qui ondule dans le plan horizontal, donnant un effet de rapprochement et d'éloignement. Mouvement en boucle. |
||
Texte
tremblant: ![]() Chaque lettre qui compose le texte a un mouvement propre. Ces mouvements sont décalés ce qui donne un effet de tremblotement. |
||
|
||
Texte avec EFFETS DE COULEURS | ||
Texte
avec effet de néon: ![]() ![]() ![]() Ce script permet d'afficher un texte avec un effet de néon. On peut avoir plusieurs textes, avec différentes couleurs. Ce script figure également dans la rubrique "Effet visuel (Divers)". |
||
Effet
k2000 sur du texte: ![]() Un effet intéressant réalisé sur du texte avec un changement de couleur. Malheureusement, il ne marche que sous Internet Explorer. |
||
Texte
en surbrillance: ![]() Un texte avec un halo de couleur autour de chaque lettre. |
||
Couleur
changeante: ![]() ![]() Un texte dont la couleur change automatiquement de façon régulière et cyclique dans le temps. |
||
Changer
la couleur: ![]() Changer volontairement la couleur d'un texte en la choisissant dans un menu déroulant et en validant (Eléments de formulaire). |
||
Texte
"Bouillé": ![]() Un texte avec une ombre de couleur diffèrente dont l'angle change. |
||
|
||
Texte mis EN FORME (STYLES) | ||
Figer
la police: ![]() Un style placé dans la balise body en tant qu'attribut, permet d'imposer une fois pour toute la taille de tous les caractères de la page. Ce script est présent également dans la rubrique "Style (Texte)". |
||
Indenter
un paragraphe: ![]() ![]() Avec cette feuille de style pas de besoin d'une image invisible pour décaler la première ligne d'un paragraphe afin d'indenter un bloc de texte. Ce script est présent également dans la rubrique "Style (Texte)". |
||
Justifier
du texte: ![]() ![]() Qu'il soit contenu dans un paragraphe tout autre conteneur, cette règle de style vous permet de justifier un bloc de texte. Ce script est présent également dans la rubrique "Style (Texte)". |
||
Conserver
les propriétés d'une police: ![]() ![]() Avec cette règle de style, conserver la taille de la police des pages affichées, mais pas seulement. Le webmaster peut également contrôler la police, la couleur d'un texte...Ainsi, la mise en page n'est pas perturbée lors de l'affichage. Ce script est présent également dans la rubrique "Style (Texte)". |
||
Des
paragraphes sans espace: ![]() ![]() Cette règles de style permet de supprimer la ligne vide qui entoure un paragraphe (p). Ce script est présent également dans la rubrique "Style (Texte)". |
||
Effet
sur les liens textuels: ![]() Ces quelques lignes vont permettre d'imposer un style aux liens textuels. Ainsi, dans une même page, on pourra avoir des liens textuels de couleurs différentes (en spécifiant des classes). On peut surtout rendre sensible le lien au curseur, par exemple si on passe dessus avec la souris, le lien n'est plus souligné et change de couleur. Ce script est présent également dans la rubrique "Style (Texte)". |
||
Dernière modification de la page le 01.02.06 |