Aide pour afficher �l�ment en survole

**qwertz1** · 12/11/2012, 20h42

Salut � tous,

je viens sollicit� votre aide, afin de savoir s'il y a une personne capable m'aider afin de faire apparaitre l'image id "FF" qui est masqu� par (display:none;) lorsque la souris survol l'image id "AP"?

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
23
24
25
26
27
28
29
30
31
32
33
 
<head>
<style type="text/css">
 
#FF {
	position:absolute;
	display:
	z-index:30;
	right:125px;
	top:125px;
}
#AP {
	position:relative;
	top:1px;
	cursor: pointer;
}
 
</style>
<script type="text/javascript">
 
 
 
</script>
</head>
 
<body>
 
<img id="AP" src="http://swisselegancy.com/images/Autres/Appareil_photo.png" alt="details" width="15" height="11'"  /><br />
 
<img id="FF" src="http://swisselegancy.com/images/Autres/F.png" alt="Contenu & accessoires" width="410px" height="352px" />
 
</body>
</html>

J'ai quand m�me pris la peine avant de faire des recherches � ce sujet, mais malheureusement je parviens pas � maitriser le javascript.

Merci d'avance pour vos info!

**NoSmoking** · 12/11/2012, 21h52

Bonsoir,
sur l'�v�nement onmouseover de l'�l�ment AP tu affectes une fonction qui modifie le display de l��l�ment FF en block par exemple.

nota : Tu peux �galement le faire en pur CSS via la pseudo classe :hover.

Aide pour afficher �l�ment en survole

JavaScript

Vue hybride

Discussions similaires

Partager

Partager