Aller au contenu principal
loading

Nice menu : ouverture à droite ou à gauche en fonction de la largeur du navigateur

POSTÉ DANS jQuery TAGS jQuery AUTEUR herve COMMENTAIRES 0

Vous avez besoin d'un menu nice menu qui s'ouvre à droite ou à gauche en fonction de sa position dans la page, et de la largeur du navigateur? 
Voilà la solution :

Vous ajoutez votre menu, avec ouveture vers la gauche. Puis, vous rajouter le Javascript suivant dans votre thème (ou alors, vous incluez le fichier JS mis en attachement) :

Attention : #nice-menu-1 est à changer suivant le menu que vous voulez modifier !

$("#nice-menu-1 .menuparent").bind('mouseover',function(){
    if (($(this).offset().left+$(this).outerWidth()+$(this).children("ul:first").outerWidth()) > $("body").outerWidth()) {
        $(this).children("ul:first").css({left:'-'+$(this).outerWidth()+'px'});
    }
    else {
        $(this).children("ul:first").css({left:$(this).outerWidth()+'px'});
    }
});
 

Fichier attaché Taille
nicemenu_position.js_.txt 427 octets


0 commentaire