[CSS] Modifier le fond d'ecran

**arnolem** · 21/12/2005, 21h58

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

j'ai essayé ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**sympho** · 21/12/2005, 22h19

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

**arnolem** · 21/12/2005, 22h39

en fait c'est une image que je veux, pas une couleur

**sympho** · 22/12/2005, 00h05

le principe reste le même

document.getElementById('mapage').style.background-image = c;
...
color('mon/image.png');

**arnolem** · 22/12/2005, 00h47

le : .style.background-image
ne fonctionne pas

**sympho** · 22/12/2005, 01h54

re,
voilà

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[CSS] Modifier le fond d'ecran

CSS

Discussions similaires

Partager

Partager