comment faire une navigation comme celle

Question

je suis tombé sur ce site http://nathanborror.com/ et vraiment aimé la façon dont ils ont fait la navigation sur le site de la main gauche. J'ai remarqué que le site utilise jquery mais n'a pas vu de plugins.

Toutes les idées sur la façon de s'y prendre pour le faire?

Answer 1

Ils l'ont dans le fichier bootstrap.js, essentiellement c'est simple jQuery.hover() avec un jQuery.animate() imbriqué.

Answer 2

Il est probablement assez facile à trouver en regardant their source code. Si vous voulez voir ce qui fonctionne, utilisez Firebug.

Answer 3

Tout d'abord, définissez votre menu pour utiliser « top », « gauche » et « atributs css position », de sorte qu'il colle toujours à gauche. Ensuite, utilisez jquery pour faire les animations en survol, comme ceci:

$('#menu .item').hover(
     function() { 
     $(this).animate({width:'toggle'},350); // end value 
     }, 
     function() { 
     $(this).animate({width:'toggle'},100); // start value 
     } 
);