Survol lien - CSS
guilhem_mdg
Messages postés
298
Statut
Membre
-
ibbab -
ibbab -
Bonjour !
Je voudrai créer un lien qui, lorsque la souris le survole, les propriétés du titre de la page (qui n'a donc rien à voir avec le lien) changent.
Cela est-il possible ? Si oui, comment faire avec les css ??
Merci de votre aide.
Cordialement.
Guilhem.
Je voudrai créer un lien qui, lorsque la souris le survole, les propriétés du titre de la page (qui n'a donc rien à voir avec le lien) changent.
Cela est-il possible ? Si oui, comment faire avec les css ??
Merci de votre aide.
Cordialement.
Guilhem.
3 réponses
-
Pour ca, ce n'est pas du CSS mais du javascript qu'il faut utiliser.
Fat_Cartman,
Parce que je le vaux bien... -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Link hover</title> <style type="text/css"> .firstStyle{ background-color: #dddddd; color: black; padding: 4 4 4 4; } .secondStyle{ background-color: yellow; color: red; padding: 4 4 4 4; } </style> <script language="javascript" type="text/javascript"> function changeStyles(){ elm = document.getElementsByName("pTitle")[0]; elm.className="secondStyle"; } function restoreStyles(){ elm = document.getElementsByName("pTitle")[0]; elm.className="firstStyle"; } </script> </head> <body> <center> <span name="pTitle" id="pTitle" class="firstStyle">Le titre de la page</span> <p/> <a onmouseover="changeStyles();" onmouseout="restoreStyles();">Placer la souris sur ce lien</a> </center> </body> </html> ;-) -
