Visualizzazione risultati 1 fino 4 di 4

Discussione: [JS] Menu che si espande

  1. #1
    Guest

    Predefinito [JS] Menu che si espande

    Ciao a tutti!

    Ho un menu di questo tipo:

    Codice HTML:
    <STYLE>
      #ie5menu {
      position:absolute;
      width:220px;
      border:2px solid darkblue;
      background-color:menu;
      font-family:Arial;
      line-height:20px;
      cursor:default;
      visibility:hidden;
    }
    .menuitems {
      padding-left:8px;
      padding-right:15px;
      font-family: Arial;
    }
    </STYLE>
    
    <SCRIPT>
    var display_url=0
    
    function mostra()
    {
      ie5menu.style.left=document.body.scrollLeft+event.clientX
      ie5menu.style.top=document.body.scrollTop+event.clientY
      ie5menu.style.visibility="visible"
      return false
    }
    
    function nascondi()
    {
      ie5menu.style.visibility="hidden"
    }
    
    function evidenzia()
    {
      if (event.srcElement.className=="menuitems")
      {
        event.srcElement.style.backgroundColor="highlight"
        event.srcElement.style.color="#FFFFFF"
        if (display_url==1)
          window.status=event.srcElement.url
        }
    }
    
    function normale()
    {
      if (event.srcElement.className=="menuitems")
      {
        event.srcElement.style.backgroundColor="#FFFFFF"
        event.srcElement.style.color="black"
        window.status=''
      }
    }
    
    function vai()
    {
      if (event.srcElement.className=="menuitems")
        window.location=event.srcElement.url
    }
    
    </SCRIPT>
    
    <div id="ie5menu" onMouseover="evidenzia()" onMouseout="normale()" onClick="vai()">
    <div class="menuitems" url="javascript:avanti();">¤ Avanti (A)</div>
    <div class="menuitems" url="javascript:indietro();">¤ Indietro (I)</div>
    </div>
    <script>
    document.oncontextmenu=mostra
    if (document.all&&window.print)
      document.body.onclick=nascondi
    </script>
    e vorrei che non venga subito visualizzato, ma con un effetto dissolvenza o come quello del menu del forum di altervista che si espande.

    Come posso fare?

    Grazie!

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Non riesco a capire quale sia la parte che debba comparire, comunque, indicativamente, prova ad usare una funzione del genere, utilizzando però lo stile alpha e non display (alpha=0 realizza un blocco completamente trasparente, ma che occupa il suo spazio). Il sito in cui puoi vederla è http://www.html.it/css_old/css_13.htm (la prima immagine dovrebbe fare al tuo caso).

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  3. #3
    Guest

    Predefinito

    questo funziona solo con IE io ne avevo visto uno ke funzionava a cerco un po

  4. #4
    Guest

    Predefinito

    Ciao!
    Grazie per aver risposto.
    Non c'è problema per altri browser perchè mi serve solo per capire come funziona.

    A presto,
    allo
    Ultima modifica di allo : 03-10-2005 alle ore 17.26.00

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •