Changer propriété body css img souris

Fermé

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 - 16 nov. 2007 à 22:27
hakazizi - 25 mai 2008 à 21:51

Bonjour,
je souhaiterais faire que lorsequ'au passage de la souris sur une image, l'image change MAIS AUSSI, changer la couleur d'arrière plan, ainsi que la couleur des textes présents dans la page! et aussi, le plus facile, mettre un lien sur l'image :)

Merci!

A voir également:

Changer propriété body css img souris
Changer dns - Guide
Piratage facebook changer mot de passe - Guide
Changer clavier qwerty en azerty - Guide
Quelle touche pour débloquer la souris ? - Guide
Changer police facebook - Guide

5 réponses

Réponse 1 / 5

s.spark Messages postés 2480 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 617
17 nov. 2007 à 00:52

Salut,

En css tu peux changes l'arrière de ce que tu survoles, après il faut utiliser du JavaScript pour que le survole d'un élément déclenche un évènement sur un élément tiers.

Réponse 2 / 5

s.spark Messages postés 2480 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 617
17 nov. 2007 à 01:17

J'ai tenté le coup mais ça ne fonction que sur Firefox.

onmouseover="changer_fond()"
Au survol on déclenche la fonction changer_fond()

onmouseout="defaut_fond()"
Quand on sort de la zone survolé on déclenche la fonction defaut_fond()

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<title>Changer le backgroun de body au suvol d'une image</title>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />		<meta name="robots" content="noodp" />
	</head>
	<body id="body">

		<script type="text/javascript">

		<!--

		// Couleur du fond par défaut
		function defaut_fond()
			{
				document.getElementById('body').style.background = '#FFF';
			}

		// Couleur du fond au survol de l'élément
		function changer_fond()
			{
				document.getElementById('body').style.background = '#999999';
			}
		// -->
		</script>

		<p><img src="http://www.google.fr/intl/fr_fr/images/logo.gif" title="Google" alt="Logo google" onmouseover="changer_fond()" onmouseout="defaut_fond()" /></p>

		
	</body>
</html>

Réponse 3 / 5

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
17 nov. 2007 à 14:28

ouai, j'ai vu :s

Réponse 4 / 5

s.spark Messages postés 2480 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 617
21 nov. 2007 à 15:18

J'ai trouvé pourquoi ça ne fonctionne pas sur les autres navigateurs, j'ai oublié 2 " ; "

		<p><img src="http://www.google.fr/intl/fr_fr/images/logo.gif" title="Google" alt="Logo google" onmouseover="changer_fond();" onmouseout="defaut_fond();" /></p>

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

hakazizi
25 mai 2008 à 21:51

moi ce que je voudrais pouvoir faire c'est changé le curseur au passage sur un <button><img src="monimage.jpg"></button>
merci par avance de votre aide.

Discussions similaires

Comment changer le sens de la souris avec un double écran ?

[CSS] Forcé retour à la ligne

trait horizontal avec du css

Discussions similaires

Newsletters