High-Tech Santé Médecine Droit-Finances

Test

Sony Vaio NW21EF/S

Rechercher : dans
Par :

Changer propriété body css img souris

Dernière réponse le 25 mai 2008 à 21:51:09 IgiXcs, le 16 nov 2007 à 22:27:35 
 Signaler ce message aux modérateurs

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!

IgiX :
Avec xp, on était prêt du goufre, maivec vista, on a fait un grand pas en avant ;)

Configuration: Windows XP
Firefox 2.0.0.9

Meilleures réponses pour « changer propriété body css img souris » dans :
Changer l'aspect du curseur en CSS VoirLa propriété cursor permet de changer l'aspect du curseur sur un élément d'une page web. Le client affichera automatiquement le curseur de son ordinateur qui correspond au type de curseur que vous aurez choisi. Exemples Liste des attributs...
Comment changer vos pointeurs de souris VoirSous Windows Vista, si vous désirez changer les pointeurs de souris, voici comment faire: Faire un clic droit sur votre bureau et choisir "Personnaliser". Cliquez ensuite sur "Pointeurs de souris". Sous l'onglet "Pointeurs", faites votre...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Systèmes d'exploitation - DOS - Astuces VoirAvoir accès au lecteur de CD-ROM Le lecteur de CD-ROM se déclare dans les fichiers config.sys et autoexec.bat. Dans le fichier config.sys il faut déclarer le gestionnaire de périphérique pour votre lecteur CD-ROM (bien qu'il soit détecté...
Posez votre question Répondre

1

s.spark, le 17 nov 2007 à 00:52:17

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épondre à s.spark

2

s.spark, le 17 nov 2007 à 01:17:40

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épondre à s.spark

3

IgiXcs, le 17 nov 2007 à 14:28:16

Ouai, j'ai vu :s
IgiX :
Avec xp, on était prêt du goufre, maivec vista, on a fait un grand pas en avant ;)

   
Répondre à IgiXcs

4

s.spark, le 21 nov 2007 à 15:18:12

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>

   
Répondre à s.spark

5

 hakazizi, le 25 mai 2008 à 21:51:09

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.

   
Répondre à hakazizi
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net