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.
A voir également:
- Survol lien - CSS
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Lien copié - Forum Mobile
- Lien mega ✓ - Forum Webmastering
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...
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>
;-)
Fat_Cartman,
Parce que je le vaux bien...