Franc83


Texte Fader Convertir en PDF Version imprimable
14-07-2008

Lien de "FADE"

Exemple


Ce script va automatiquement "fader" le texte d'un tag <a> d'une couleur, quelques paramètres dans le code html, et le script fera le reste. Si vous ne voulez pas de l'effet pour certains tag, omettez juste le paramètre et le lien sera conforme à votre feuille de style.

L'effet fonctionne uniquement sous IE5+, Netscape6+, et Mozilla 1+, mais ne déclenche pas d'erreurs sur d'autres navigateurs ou des navigateurs plus anciens.



Télécharger le javascript ici :

telecharger



Installation:



Le paramètre que vous devez installer dans le tag <A> séparées par un signe "~" sign. Les espaces entre les signes "~" et les valeurs de couleurs en hexa sont acceptés si ils aident à la lisibilité, mais ne sont pas nécessaires.



Exemple d'utilisation :



<a href="#nogo" parameters="#FF0000 ~ #0000FF ~ 300 ~ 300">Lien exemple 1</a>



Voici les explications des valeurs ci-dessus :

  • La première valeur est la couleur de départ exprimée en hexadécimale.

  • La seconde valeur est la couleur finale exprimée en hexadécimale.

  • La troisième valeur est le temps (en milliseconds) pour passer de la première à la seconde couleur pendant le survol du lien.

  • La dernière valeur est le temps (en milliseconds)pour revenir à la valeur de départ de la couleur en sortant du lien.


Il vous faut juste copier ce tag script juste avant votre tag </BODY> :



<script language="javascript" src="linkfader.js"></script>



Si vous configurez correctement vos tags <A> le script va chercher tous les tags référencés pour leur appliquer le "fade".




Options avancées:

  • Vous pouvez appliquer le script à d'autres tags que le <a>. Il suffit d'intégrer les paramètres de "fade" à l'intérieur d'un tag de votre choix et donner les instructions au script pour rechercher ces éléments aussi.

    Exemple avec la balise <SPAN> :

    1. Créez l'élément et indiquez les paramètres suivants :

      <span parameters="#000000 ~ #FFFF00 ~ 500 ~ 1300" style="border:1px solid black; padding:3px; cursor:default">SPAN TAG</span>


    2. A la fin de votre page html, (sous l'appel du script qui invoque "linkfader.js", mais avant la balise </BODY> tag) insérez la commande entre les balises <script> pour que le script java chercher les autres éléments comme :

      <script language="javascript">
      fadeW3CElements('SPAN');
      </script>



    Maintenant le script cherchera tous les <SPAN>qui ont les paramètres corrects appelant le script. Voyez l'exemple ci desssous :



Citez cet article

  Commenter cet article

Commenter
  • Les messages comportant des attaques verbales contre les personnes seront supprimés.
  • Vous pouvez renouveler le code de sécurité en appliquant un rafraîchissement à votre navigateur.
  • Appliquer cette méthode de rafraîchissement si vous avez entré un mauvais code de sécurité.
Nom
E-mail
Site web
Titre
BBCode:Web AddressEmail AddressBold TextItalic TextUnderlined TextQuoteCodeOpen ListList ItemClose List
Commentaire



Code:* Code
Je désire être prévenu par mail des commentaires qui suivront

Powered by AkoComment Tweaked Special Edition v.1.4.6
AkoComment © Copyright 2004 by Arthur Konze - www.mamboportal.com
All right reserved

 
< Précédent   Suivant >

Liens amis

Compteur.org

e-dilik.fr

NetFox2.net

IgloOps.fr

Infostuces

Mixx Radio Gold

Mobile Astuces

-------------

Votre site ici

Notre logo

Aide et astuces pour  blogs

Cliquez droit dans la zone où se trouve le code html et "copier"


Nos autres Logos...

S'abonner

devenir amis sur facebook

Votre adresse email ici pour recevoir les nouveautés du site directement dans votre boite

Nos Gadgets

Installez nos gadgets

gratuits Live Spaces

albi-gadget.jpg

Albidochon

oeil2moscou.jpg

Oeil 2 Moscou

Aidez-nous

aidez-nous

Recommandez ce
site à un ami

Statistiques

Generated in 0.43333 Seconds