Как сделать такую ​​навигацию

Question

Я наткнулся на этот сайт http://nathanborror.com/ и действительно любил то, как они сделали навигацию на левом сайте. Я заметил, что сайт использует jquery, но не видел никаких плагинов.

Любые идеи о том, как это сделать?

Answer 1

У него есть файл bootstrap.js, в основном это просто jQuery.hover() с jQuery.animate() вложен.

Answer 2

Это, вероятно, довольно легко узнать, посмотрев на their source code. Если вы хотите посмотреть, что работает, используйте Firebug.

Answer 3

Во-первых, настройте свое меню, чтобы использовать атрибуты «сверху», «слева» и «положение» css, поэтому он всегда следует левым. Затем используйте jquery для анимации при наведении, например:

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