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

Discussions similaires

Partager

Partager