Как создать выпадающее меню, такое как youtube?

Question

Если вы перейдете к http://www.youtube.com/ прямо сейчас, вы можете нажать кнопку выпадающего рядом с логотипом youtube и отображать меню, в котором есть контент, он выводит его на левой стороне страницы, когда вы прокручиваете. как бы вы создали это меню?

Answer 1

Может использовать комбинацию Css, jQuery и т. Д. Чтобы дать вам краткое представление о том, как это сделать, он выглядит как верхний div, левый div (фиксированный) и правый div, где находится контент.

CSS Пример:

#ScrollContent { 
    width: 80%; 
    height: auto; 
    outline: 1px solid; 
    position: absolute; 
    right: 0; 
    background: #C0C0C0; 
    clear: left; 
} 


#Menu { 
    width: 20%; 
    height: 100%; 

    position: fixed; 
    outline: 1px solid; 
    background: #92c452; 
} 

JQuery Пример:

jQuery(document).ready(function(){ 
    jQuery('#hideshow').live('click', function(event) {   
     jQuery('#Menu').toggle('show'); 
    }); 
}); 

Я создал Fiddle Чтобы дать основную идею .. это отнюдь не идеальной скрипку, но я надеюсь, что это помогает вы делаете то, что хотите.

Удачи,

Answer 2

Я думаю, что вы после этого может быть JPM: http://jpanelmenu.com/

Полностью настраиваемый. Я использовал это в течение нескольких предприятий, таких как:

http://www.kapowinteractive.com.au/

Если вы приносите ширину, вы можете увидеть значок всплывал в верхнем левом углу. Щелкните по нему и откроется навигационная панель. Я думаю, что это может быть хорошей отправной точкой для вас.