Aidenet.com Aide informatique et nouvelles technologies
 |
|
|
||||||||||||||||||||||||||||
|
Aidenet.com Aide informatique et nouvelles technologies
|
|||||||||||||||||||||||||||||||
Forum d'entraide sur l'informatique et les nouvelles technologies
Vous n'êtes pas identifié.
Voila G 1 problem, je voudré ke kan je passe mon curseur sur une division (div) el chanj 2 couleur. Pr sa G utilisé hover, mé komen je fé pour ke une otr div change 2 couleur?
voila mon code:
#Surface1
{
background:blue;
width:100px;
height:100px;
}
#Surface2
{
background:green;
width:100px;
height:100px;
}
#Surface2:hover
{
background:blue;
}
Hors ligne
Désolé pour le français j'avais pas le temps. Mais ce que je veux, c'est que Surface1 change de couleur quand je passe le curseur sur Surface2.
Hors ligne
Tu peux faire ça avec du javascript (il y a peut-être plus simple):
<html>
<head>
<script type="text/javascript">
function couleur1(object) {
if (document.getElementById)
document.getElementById(object).style.backgroundColor = "green";
}
function couleur2(object) {
if (document.getElementById)
document.getElementById(object).style.backgroundColor = "blue";
}
</script>
<style type="text/css">
#div1 {border: solid 1px black; width:100px; height : 100px; background-color : red}
#div2 {border: solid 1px black; width:100px; height : 100px; background-color : blue}
</style>
</head>
<body>
<div id="div1" onMouseOver="couleur1('div2')" onMouseOut="couleur2('div2')"></div>
<div id="div2"></div>
</body>
</html>
Hors ligne
|
|
|
|
