Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2009
    Messaggi
    70

    menu che si apre e si chiude col mouseover e mouserout

    Buongiorno a tutti!!
    mi sa che si tratta di una cosa banale per chi mastica javascript...

    ho un menu di lingue e voglio che al passare del mouse scenda giu di tot pixel, mentre quando esco dal div ritorni su.

    Io ho scritto questo codice:
    codice:
    var menu=0;
    
    $(document).ready(function() {
    
    
    
    
    
    
    	
        $('#lingua').mouseover(function() {		
    	if(menu==0){	
    	$('#lingua').animate({
    	   marginTop: '23px'
    	 }, 800);
    	 menu=1;}});		
    
    
        $('#lingua').mouseout(function() {		
    	if(menu==1){	
    	$('#lingua').animate({
    	   marginTop: '0px'
    	 }, 800);
    	 menu=0;}});		
    
    
    
    
    
    
    });
    che effettivamente mi fa andare giu e su il menu, ma ce un problema:
    quando mi si apre e sto fermo sul menu non succede niente, ma quando sposto leggermente il mouse sempre sopra il menu mi si chiude e riapre fino a quando non esco dal div, mentre il mio fine sarebbe solo mouseover=mi si apre e basta fino a quando non esco che si richiude...

    suggerimenti pleaase!!!!!!
    isak

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2009
    Messaggi
    70
    scusate, forse ho trovato dove è il problema:

    nell'html ho questo codice:

    <div id="lingua">
    <ul>
    <li><a href="action.php?lang=ita"><img src="img/ita.jpg"/></a></li>
    <li style="float:right;"><a href="action.php?lang=eng"><img src="img/eng.jpg"/></a></li>
    <div class="clr"></div>
    </ul>
    </div>


    ed effettivamente mi sono accorto che mi fa questo giochetto quando vado sopra ad una bandierina (quindi sopra al ul) ma non quando me ne sto dentro al div senza andare sopra alla lista.

    Non c'è un modo per dire di chiudere il menu se me ne vado fuori dal div lingua compreso quello che ha dentro?
    isak

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    usa almeno mouseenter/mouseleave al posto di mouseover/mouseout
    potrebbe esserci altro e si potrebbe comunque migliorare, per esempio usando stop(), rimuovere quella variabile menu, etc
    ciao

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2009
    Messaggi
    70
    Quote Originariamente inviata da Xinod Visualizza il messaggio
    usa almeno mouseenter/mouseleave al posto di mouseover/mouseout
    potrebbe esserci altro e si potrebbe comunque migliorare, per esempio usando stop(), rimuovere quella variabile menu, etc
    ciao
    Sei un grande, mettendo mouseenter e mouseleave è andato a posto il problema.
    Ora mi vado a documentare su questi due comandi.

    Grazie!!!!!
    isak

Tag per questa discussione

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.