Visualizzazione risultati 1 fino 3 di 3

Discussione: Inserire collegamento su questa immagine

  1. #1
    Guest

    Predefinito Inserire collegamento su questa immagine

    Ciao ragazzi scusate la domanda, io ho questo codice:
    Codice:
    
    <STYLE>
    IMG.hover { position:relative; top:0.3em; left:0.3em }
    IMG.out { position:relative; top:0; left:0 }
    DIV.menu_popup { display:none; position:absolute; top:0; left:0; }
    </STYLE>
    <SCRIPT LANGUAGE="JavaScript">
    function mouseX (e)
    {
       return e.clientX + document.body.scrollLeft
    }
    
    function mouseY (e)
    {
       return e.clientY + document.body.scrollTop
    }
    
    var menuIDs = new Array ("menu0") 
    
    function popdown ()
    {
       for (var i = 0; i < menuIDs.length; i++)
          document.getElementById (menuIDs[i]).style.display = "none"
    }
    
    /*
    ID: elemento da visualizzare
    e: impostare event
    */
    function popup (ID, e)
    {
       popdown ()
       document.getElementById (ID).style.display = "block"
       document.getElementById (ID).style.top = mouseY (e) - 10
       document.getElementById (ID).style.left = mouseX (e) - 10
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    
    <!-- pulsante di menu # 0-->
    <IMG SRC="index_file/button.gif" CLASS="out" onMouseOver="this.className='hover'" onMouseOut="this.className='out'" onMouseDown="popup('menu0',event)">
    <!-- menu # 0 -->
    <DIV CLASS="popup_menu" ID="menu0">
    Tutto questo mi serve per far si che quando il puntatore del mouse passi su "button.gif" l'immagine fa un movimento verso il basso, proprio come un pulsante vero.

    solo che vorrei metterci un collegamento ipertestuale sopra!
    ciome devo fare?

  2. #2
    L'avatar di funcool
    funcool non è connesso Utente storico
    Data registrazione
    05-02-2004
    Residenza
    Qui... Non lì, qui!
    Messaggi
    15,433

    Predefinito

    Ho modificato il codice togliendo anche un pezzo che non sembra servire al tuo scopo:
    Codice HTML:
    <STYLE type="text/css">
    IMG.hover { position:relative; top:0.3em; left:0.3em }
    IMG.out { position:relative; top:0; left:0 }
    </STYLE>
    <SCRIPT LANGUAGE="JavaScript" type="text/javascript">
    function mouseX (e)
    {
       return e.clientX + document.body.scrollLeft
    }
    
    function mouseY (e)
    {
       return e.clientY + document.body.scrollTop
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    
    <!-- pulsante di menu # 0-->
    <a href="pagina2.htm"><IMG SRC="index_file/button.gif" CLASS="out" onMouseOver="this.className='hover'" onMouseOut="this.className='out'"></a>
    Mattia vi manda a FunCool - Matriz - Directory Gogol - Sfondo rosso per la Birmania
    «Tu mi dai fastidio perché ti credi tanto un Dio!» «Bè, dovrò pur prendere un modello a cui ispirarmi, no?» Woody Allen

  3. #3
    Guest

    Predefinito

    We grazie mille funcool! Ora lo provo!
    Ciauzzzzzzzzzzz!

Regole di scrittura

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