If + mouse event
Taggato: if event mouse
- Questo topic ha 3 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 13 anni, 4 mesi fa da jqueryitalia.
- AutorePost
- 2 Dicembre 2010 alle 06:51 #1565Testa72Partecipante
Salve,
chiedo scusa per la domanda che per molti di voi risulterà banale, ma sono nuovo dello scripting JQuery…
Vorrei realizzare un menù con selettore che presenta un submenu.
Pensavo di eseguire lo slidUp del sotto menu all’uscita del mouse da due oggetti. Per far ciò ho provato ad usare:
$("#ldheMasterLayerMenu1_1, #ldheMasterHotSpotMenu1").bind('mouseleave mouseout', function(){
$("#ldheMasterLayerMenu1_1").stop(true,true);
$("img","#ldheMasterPictureSelettore").height(30).width(60);
$("#ldheMasterPictureSelettore").animate({opacity: "0.5", width: "30", left: "11"}, 200);
$("#ldheMasterPictureSelettore").animate({opacity: "1", width: "60", left: "11"}, 200, function(){
$("#ldheMasterLayerMenu1_1").slideUp(50).delay(100);
});
});ma non funziona perchè il sottomenu scompare non appena uno dei due oggetti controllati viene “lasciato” dal mouse.
Avevo pensato anche ad una struttura IF, ma non riesco ad impostarla… avevo provato:
if ($(("#ldheMasterLayerMenu1_1").mouseleave()) && (("#ldheMasterHotSpotMenu1").mouseleave()))
{
$("#ldheMasterLayerMenu1_1").stop(true,true);
$("img","#ldheMasterPictureSelettore").height(30).width(60);
$("#ldheMasterPictureSelettore").animate({opacity: "0.5", width: "30", left: "11"}, 200);
$("#ldheMasterPictureSelettore").animate({opacity: "1", width: "60", left: "11"}, 200, function(){
$("#ldheMasterLayerMenu1_1").slideUp(50).delay(100);
});
};Qualche aiuto, please?!
Grazie in anticipo.
4 Dicembre 2010 alle 08:26 #1770jqueryitaliaAmministratoreCiao Testa72.
Potrei sapere come hai costruito il menu? Nel senso: con che elementi: div, span, ul o cosa?
19 Dicembre 2010 alle 07:20 #1771Testa72PartecipanteSalve Admin,
poichè utilizzo un programma WYSIWYG, sono andato ad aprire il codice HTML della pagina in questione e ho visto che tutti gli oggetti che compongono il menu (sto cercando di realizzare un dropdown menu animato tramite jquery), sono dei “DIV”. Se ti riesce comodo, posso inviarti il file html…
Sostanzialmente nel menu ho un HOTSPOT che se viene interessato dal mouse fa partire l’animazione e lo slideDown del sotto menu, un sotto menu con voci cliccabili ed un selettore grafico di pagina che “corre”, a seconda di che HOTSPOT sto sovrastando col mouse, sul relativo menu (tipo lavlamp…).
Comunque grazie.
19 Dicembre 2010 alle 09:28 #1772jqueryitaliaAmministratoreCome immaginavo…
Sarebbe molto più comodo l’utilizzo di una lista per il menù (il classico < ul > < li >).
Comunque puoi vedere come è sviluppato, ad esempio, il classico Suckerfish.
Un esempio con jQuery, che credo possa fare al caso tuo, lo trovi qui:
- AutorePost
- Devi essere connesso per rispondere a questo topic.