Css ou javascript ?
Résolu
boubou
-
boubou -
boubou -
Bonjour,
Je souhaiterai que sur mon site, lorsqu'on passe la souris sur une image, le background du site change.
J'ai essayé en css et en javascript, pour l'instant je n'y suis pas arrivée. Auriez vous s'il vous plait, des pistes pour moi !
Merci.
Je souhaiterai que sur mon site, lorsqu'on passe la souris sur une image, le background du site change.
J'ai essayé en css et en javascript, pour l'instant je n'y suis pas arrivée. Auriez vous s'il vous plait, des pistes pour moi !
Merci.
A voir également:
- Css ou javascript ?
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Css exposant ✓ - Forum CSS
- Afficher un tableau javascript en html ✓ - Forum Javascript
4 réponses
je te conseille de le faire en css
et voici un site qui devrait te convenir https://css-tricks.com/examples/ButtonMaker/
et clic sur le bouton pour avoir le code css
et voici un site qui devrait te convenir https://css-tricks.com/examples/ButtonMaker/
et clic sur le bouton pour avoir le code css
nEm3sis
Messages postés
722
Statut
Membre
113
oups je voulais dire en css
Salut,
Tu définis tes classes css :
.classe1{background1}
.classe2{background2}
Sur ta page tu cales un identifiant à ton body :
<body id="mon_body">
Sur ton évènement tu cales un appel :
<element onmouseover='changeClass(2)' />
En javascript tu fais le changement :
<script type='text/javascript'>
function changeClass(classNumber) {
document.getElementById('my_body').className = classe+classNumber;
}
</script>
Tu définis tes classes css :
.classe1{background1}
.classe2{background2}
Sur ta page tu cales un identifiant à ton body :
<body id="mon_body">
Sur ton évènement tu cales un appel :
<element onmouseover='changeClass(2)' />
En javascript tu fais le changement :
<script type='text/javascript'>
function changeClass(classNumber) {
document.getElementById('my_body').className = classe+classNumber;
}
</script>