div che si nascondono al passaggio del mouse

**matmilan** · 12-05-2013, 17:46

ciao a tutti

codice:

<div class="cale">
<div id="DataTempo" class="data">....contenuto....</div>
<div id="calendario">....contenuto....</div>
</div>

io vorrei che nel momento che porto il mouse sul div cale mi faccia scomparire il div datatempo e mi faccia comparire il div calendario, poi, quando tolgo il cursore dal div cale mi ritorni tutto come prima cioè solo col div datatempo visibile

Come si fa? Che linguaggio è meglio usare?

Grazie mille in anticipo.

**carlomarx** · 12-05-2013, 18:45

Originariamente inviato da matmilan
Come si fa? Che linguaggio è meglio usare?

Basta il CSS:

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<style type="text/css">
div.cale div.calendario, div.cale:hover div.DataTempo {
	display: none;
}

div.cale:hover div.calendario, div.cale div.DataTempo {
	display: block;
}
</style>
</head>
 
<body>
<div class="cale">
<div class="DataTempo" class="data">....contenuto DataTempo....</div>
<div class="calendario">....contenuto calendario....</div>
</div>
</body>
</html>

Discussione: div che si nascondono al passaggio del mouse

Strumenti discussione

Ricerca discussione

Visualizza

div che si nascondono al passaggio del mouse

Permessi di invio