11564 sujets

JavaScript, DOM et API Web HTML5

Hover Background

Salut,

Voila j'ai codé une page d'accueil pour un projet, sur cette page j'ai un boutton, et je voudrais que quand un utilisateur passe la souris sur ce boutton, le background de la page tout entier change. En clair je voudrais mettre un hover sur le boutton mais celui ci influencerais le background global.

Merci Smiley cligne
Ton background c'est une couleur simple ou une image ?

Si couleur simple, tu utilises le simple attribut onmouseover :
<a href="#" onmouseover="document.bgColor='#ff0000'">Changer en rouge</a>

Si c'est une image, personnellement je partirais sur un petit code en jQuery pour pouvoir modifier le css.

A savoir que pour ce genre de principe, le mieux est d'avoir au préalable un div container identifiable qui regroupe toute ta page plutôt que d'agir directement sur le body.
Modifié par Apoooo (14 Jul 2012 - 16:28)
Pas forcément besoin de JQuery, un bête code Javascript pour remplacer le background est suffisant.

Pour le script exact, merci de consulter Google.
Je n'ai trouvé que quelques codes, je dois changer l'image de background et aussi la couleur. J'ai essayé ça, je l'ai mis dans l'on CSs mais ça ne marche pas Smiley decu

$('#btnpc a').mouseover(function() {
    $(this).parent().css('backgroundImage', 'url(../images/bg2.png)');
});

I need you !
Modifié par Viinz (15 Jul 2012 - 09:36)
document.getElementById("ta_div_container").style.backgroundImage = 'url("lien_de_ton_image/image.jpg")';

Modifié par Apoooo (15 Jul 2012 - 18:50)
Sujet clos
Aller à