javascript, javascripts, js, jscript, scripts, script, html, dhtml, dynamic, cookies, menu, frames, formulaire, source, code, gratuit, exemple, developper, html, php4, php3, php, mysql, liens, php2, forum, livre d'or, pages, web, dynamiques, programmation, webmasters, webmestres, tutorial, tutoriel, annuaires, espace, membres, banniéres, caddies, chats, compteurs, formulaires, forums, gestion, documentations, news, mailing, list, newsletter, moteurs, recherche, sondages, votes, statistiques, autres, agendas, calendriers, mail, annonces, audio, outils, réseaux, graphique, recommandation, site, sécurité, portail, creation, actualité, moteur de recherche, moteur, trucs, astuces, services, flash, action script, actionscript
Script Masters : Javascript, Php, Mysql, html pour Webmasters!
 
    Script Masters
 
    Espace membre
 
    Langages
 
    Autres ressources
 
    Emploi avec Jobintree
 
    Ressources graphiques
 
    Recherche
 
    Kit graphique
 
    Liens
 
    Statistiques


 




Javascript : Evénements : Rollover grace à onMouseOut et onMouseOver...
Javascript >> Evénements >> Rollover grace à onMouseOut et onMouseOver...



Le 23/09/2003, F. Daniel a écrit :


Le script suivant permet de faire des rollovers sur des cellules d’un tableau de la même façon que sur le menu de Script Masters.
Pour modifier les couleurs, il suffit de les remplacer les valeurs hexadécimales correspondantes. (pour info, onMouseOver correspond au passage du curseur sur la cellule et onMouseOut au retrait du curseur de la cellule).


Voici le script :

<script language="JavaScript">
function changeCouleur(cellule,couleurFond,couleurPolice) {
  // Cette fonction modifie la couleur de fond
  // et de police d'une cellule de tableau
  cellule.style.backgroundColor = couleurFond;
  cellule.style.color=couleurPolice;
}
</script>


<table width="150" border="0" cellpadding="0" cellspacing="0" bgcolor="#C3C9D4">
<tr>
<td onMouseOver="changeCouleur(this,'#A7ADB7','#FFFFFF')" onMouseOut="changeCouleur(this,'#C3C9D4','#000000')">
  Passer la souris ici
  </td>
</tr>
</table>


Plus :
 
8582 lectures
Posez vos questions sur le forum Javascript!
Pas de commentaire - Poster un commentaire
Contacter l'auteur de l'astuce
Visiter le site de l'auteur


Ajouter une astuce

Pour ajouter une astuce, c'est très simple ! Il vous suffit de remplir ce formulaire.


Ajouter un commentaire

Nom/Pseudo :

Commentaire :




 
 
Fabien Daniel - © 2001-2009 | Hebergement : OVH | CNIL : 796128