Comment réaliser une division comme cet exemple?
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
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
1 réponse
-
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|[׺°"~'"°º×