Webinventif

Pour les mordus d'effets visuel pour leurs navigation, voici un petit bout de javascript qui fera chavirer vos coeurs !

Scrollovers est un petit bout de javascript qui permet d'ajouter un superbe effet de survol à vos liens ! En effet, en survolant vos liens, ils vont se mettre a glisser vers le bas pour laisser place à un nouveau lien qui arrivera par le haut.

Pour celà:

• Incluez ce bout de javascript dans votre page
   <script type="text/javascript" src="http://www.scrollovers.com/js/scrollovers.js"></script>
• Ensuite vos liens devront ressembler à ça:
    <a href="[YOUR PAGE HERE]" class="scrollover" type="scrollover">[YOUR TEXT HERE]</a>
• Et pour finir, ajouter un petit bout de css pour donner 2 couleurs différentes à votre lien
  a.scrollover {
       /* Default Colour/Styles here */
       color: #020091;    
  }    
  a.scrollover em:first-line {
       /* Rollover Colour/Styles here */
       color: #FF5B3C;  
  }

Et voilà, maintenant vos liens feront un tas d'envieux tellement ils seront beau !

Voir la page officielle (avec la demo)

Compatibilité:

• Firefox 2.0
• Internet Explorer 7
• Internet Explorer 6
• Internet Explorer 5.5
• Safari 3 (Windows)
• Opera 9

Bonus:

• Pour changer la vitesse du scroll, éditez la variable "scrollovers_ScrollSpeed"
• Si vous préférez que les liens glissent vers le haut mettez la variable "scrollovers_ScrollDownOnMouseOver" à "false"
• Si vous désirez que cet effet s'applique à tous les liens de votre page sans devoir appliquer un style manuellement, mettez la variable "scrollovers_TypeName" égale à "" (chaine vide, laissez juste les 2 guillemets)

Je trouve ça du plus bel effet, je m'en servirais certainement un de ces jours pour un autre site