Как сделать подменю в выпадающем меню? - PullRequest
Новая
       29

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

0 голосов
/ 22 июля 2009

У меня есть выпадающее меню, сделанное в css. При наведении курсора на текст (ul) появляется меню (появляется li). Я хотел знать, как создать подменю, чтобы при наведении указателя мыши на другое меню ли (подменю) появлялось и предлагало другие варианты.

Ex: 

-Tutorials (You hover over tutorials)
           (Then these options appear)         
        -Video tutorials
        -Other tutorials
        -Windows (and if you hover over windows you have 3 choices)
                  //How do I make that!
                  -Windows xp
                  -windows 7
                  -Windows Vista

Это то, что я хочу сделать.

Спасибо людям !!

Ответы [ 3 ]

1 голос
/ 22 июля 2009

вам нужен этот урок: сын выпадающих слюней

0 голосов
/ 22 июля 2009

Если вы используете чистый CSS, тогда вам просто нужно добавить новый уровень стилей. Вы не опубликовали свой оригинальный код, но при условии, что у вас есть что-то вроде: 

ul.menu > li > ul {
  display: none;
}
ul.menu > li:hover > ul {
  display: block;
}

Тогда вам просто нужно добавить: 

ul.menu > li > ul > li > ul {
  display: none;
}
ul.menu > li > ul > li:hover > ul {
  display: block;
}

Вам, конечно, нужно будет добавить код позиционирования в список третьего уровня, чтобы он отображался справа от активного пункта меню.

0 голосов
/ 22 июля 2009

CSSPlay - отличный ресурс со всеми видами меню, которые вы можете себе представить. Плюс все меню полностью кроссбраузерны. Проверьте это, я уверен, что у Стю есть тот, который соответствует вашим потребностям: http://www.cssplay.co.uk/menus/

...