[CSS] Modifier le fond d'ecran

Version imprimable

21/12/2005, 21h58
arnolem

[CSS] Modifier le fond d'ecran
Bonjour, je voulais savoir s'il était possible de modifier le fond d'ecran d'un site au survole d'un bouton, j'ai un bouton bleu et un rouge, je voudrais que le fond change de couleur au survol et qu'il redevienne gris lorsque je ne survole rien.
Merci si vous avez la solution :wink:
j'ai essayé ça
Code:

1 2 3 4 a.links:hover { background-image: url(img/bgPro.jpg); }
le problème c'est que sa applique l'image au fond du lien et non du site.

Bonjour,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script>
 
  defaultColor = "#fff";
 
  function color(c) {
    document.getElementById('mapage').style.background = c;
  }
 
</script>
 
<body id="mapage">
 
<a href="#" onmouseover="color('#0f0');" onmouseout="color(defaultColor);">vert</a>
 
<br>
 
<a href="#" onmouseover="color('#f00');" onmouseout="color(defaultColor);">rouge</a>
 
</body>

il suffit de modifier le style, que ce soit la couleur, des images ...

21/12/2005, 22h39
arnolem

en fait c'est une image que je veux, pas une couleur
22/12/2005, 00h05
sympho

le principe reste le même

document.getElementById('mapage').style.background-image = c;
...
color('mon/image.png');
22/12/2005, 00h47
arnolem

le : .style.background-image
ne fonctionne pas

re,
voilà

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<script>
 
  defaultImg = "";
 
  function bg(i) {
    document.getElementById('mapage').style.backgroundImage = i;
  }
  img1 = 'url("1.jpg")';
  img2 = 'url("2.jpg")';
 
</script>
 
<body id="mapage">
 
<a href="#" onmouseover="bg(img1);" onmouseout="bg(defaultImg);">img1</a>
 
<br>
 
<a href="#" onmouseover="bg(img2);" onmouseout="bg(defaultImg);">img2</a>
 
</body>

Fuseau horaire GMT +2. Il est actuellement 05h09.