Visualizzazione dei risultati da 1 a 8 su 8

Visualizzazione discussione

  1. #4
    Utente di HTML.it
    Registrato dal
    Feb 2007
    Messaggi
    69
    Puoi gestire in maniera semplice con il selettore css "hover".

    ipotizzo una struttura html semplicissima per farmi capire:

    codice:
    <div class="mymenu">
      <div>mostra menu</div>
      <ul class="mymenu_content">
        <li><a href="#">item menu 1</a></li>
        <li><a href="#">item menu 2</a></li>
        <li><a href="#">item menu 3</a></li>
      </ul>
    </div>

    e utilizzo il selettore :hover in questo modo nel css associato:

    codice:
    /*nascondo il contenuto del menu*/
    
    .mymenu_content {
      display:none;
    }
    
    /*associo all'evento hover applicato 
    al box principale del menu una modifica 
    del display del contenuto del menu*/
    
    .mymenu:hover  .mymenu_content {
      display:block;
    }

    Naturalmente esistono metodi che ti permettono di avere maggiore controllo con effetti di transizione in entrata e in uscita. Ma qui c'è una base di partenza su cui puoi ragionare.
    Ultima modifica di tecinese; 08-03-2016 a 12:56

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.