Comment réaliser une division comme cet exemple?

Catalunya's Son Messages postés 67 Statut Membre -  
Catalunya's Son Messages postés 67 Statut Membre -
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

1 réponse

  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
    1. Catalunya's Son Messages postés 67 Statut Membre 1
       
      merci mon ami :-)
      0