Comment réaliser une division comme cet exemple?

Fermé
Catalunya's Son Messages postés 57 Date d'inscription jeudi 5 septembre 2013 Statut Membre Dernière intervention 17 avril 2015 - 28 oct. 2013 à 12:55
Catalunya's Son Messages postés 57 Date d'inscription jeudi 5 septembre 2013 Statut Membre Dernière intervention 17 avril 2015 - 1 nov. 2013 à 14:16
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

Utilisateur anonyme
29 oct. 2013 à 15:17
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 jeudi 5 septembre 2013 Statut Membre Dernière intervention 17 avril 2015 1
1 nov. 2013 à 14:16
merci mon ami :-)
0