Comment réaliser une division comme cet exemple?

Catalunya's Son Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   -  
Catalunya's Son Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   -
Salut a tous, aidez moi s'il vous plais.

Je veut créer une page web. chaque nom possède un lien vers une autre page dediée pour ce nom. Mais avant, quand le cursor est placé sur le nom (Hover) la division 'Hidden' va apparaitre, et disparut quand le cursor est placé dans une autre proximité (MouseOut).

comme en twitter et facebook.

Et ce ci un exemple:

https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-frc1/575724_10200500270661837_703993077_n.jpg
A voir également:

1 réponse

Réponse 1 / 1
Utilisateur anonyme
 
Salut je te conseil de le faire avec CSS


par exemple : 


<!DOCTYPE html>
<html>
	<head>
		<title>ccm</title>
		<meta charset="UTF-8" />
		<style type="text/css">
			div{
				height: 200px;
				width: 200px;
				background-color: red;
				display: none;
				position: absolute;
				left: 300px;
			}
			.ici:hover + .block{
				display: block;
			}
		</style>
	</head>
	<body>
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />

	</body>
</html>
--
׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×
0
Catalunya's Son Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   1
 
merci mon ami :-)
0

Discussions similaires

écrire un rapport de travail
asi -
REGINALD -

3 réponses